@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Outfit:wght@300;400;600;700;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#000008;width:100%;height:100%;font-family:Inter,sans-serif;overflow:hidden}.app-root{width:100vw;height:100vh;position:relative}.top-hud{z-index:10;text-align:center;pointer-events:none;position:absolute;top:28px;left:50%;transform:translate(-50%)}.hud-name{background:linear-gradient(90deg,#c084fc,#ff79c6,#0ff);-webkit-text-fill-color:transparent;letter-spacing:.05em;text-shadow:none;filter:drop-shadow(0 0 20px #c084fc80);-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:900}.hud-title{color:#ffffffb3;letter-spacing:.18em;text-transform:uppercase;margin-top:2px;font-size:.85rem;font-weight:500}.hud-meta{color:#ffffff73;pointer-events:auto;justify-content:center;align-items:center;gap:6px;margin-top:5px;font-size:.75rem;display:flex}.hud-dot{opacity:.4}.hud-github{color:#c084fc;font-weight:600;text-decoration:none;transition:color .2s}.hud-github:hover{color:#ff79c6}.hint-label{z-index:10;color:#ffffff4d;letter-spacing:.1em;pointer-events:none;white-space:nowrap;font-size:.72rem;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.info-card{-webkit-backdrop-filter:blur(24px);scrollbar-width:thin;scrollbar-color:#c084fc66 transparent;background:#080514e0;border:1px solid #ffffff1f;border-radius:20px;width:320px;max-width:90vw;max-height:82vh;padding:24px 24px 18px;font-family:Inter,sans-serif;animation:.4s cubic-bezier(.16,1,.3,1) both cardIn;position:relative;overflow:hidden auto;box-shadow:0 0 0 1px #ffffff0a,0 8px 60px #000c,0 0 80px #c084fc14}.info-card-sm{width:280px;padding:22px 22px 18px}@keyframes cardIn{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.info-card-close{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;transition:all .2s;display:flex;position:absolute;top:12px;right:14px}.info-card-close:hover{color:#ff8080;background:#ff505033;border-color:#ff505080}.info-card-title{color:#fff;margin-bottom:3px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;line-height:1.2}.info-card-subtitle{color:#ffffff73;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.72rem;font-weight:500}.info-card-desc{color:#ffffffb3;margin-bottom:14px;font-size:.8rem;line-height:1.55}.info-card-tech{flex-wrap:wrap;gap:5px;margin-bottom:16px;display:flex}.tech-badge{letter-spacing:.06em;white-space:nowrap;background:#ffffff0a;border:1px solid;border-radius:20px;padding:3px 10px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600}.info-card-actions{flex-wrap:wrap;gap:8px;display:flex}.card-btn{cursor:pointer;border:1px solid;border-radius:30px;align-items:center;gap:5px;padding:7px 16px;font-family:Inter,sans-serif;font-size:.73rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.card-btn-github{color:#c084fc;background:#c084fc14;border-color:#c084fc66}.card-btn-github:hover{background:#c084fc38;border-color:#c084fc;box-shadow:0 0 20px #c084fc4d}.card-btn-live{color:#00d4aa;background:#00d4aa14;border-color:#00d4aa66}.card-btn-live:hover{background:#00d4aa38;border-color:#00d4aa;box-shadow:0 0 20px #00d4aa4d}.mini-tooltip{-webkit-backdrop-filter:blur(18px);background:#080514d9;border:1px solid #ffffff1a;border-radius:14px;width:200px;padding:16px 18px 14px;font-family:Inter,sans-serif;animation:.3s both cardIn;position:relative}.mini-tooltip strong{color:#fff;margin-bottom:3px;font-family:Outfit,sans-serif;font-size:.9rem;display:block}.mini-tooltip p{color:#ffffff8c;font-size:.68rem;line-height:1.4}.mini-close{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:.7rem;position:absolute;top:8px;right:10px}.mini-close:hover{color:#ff8080}.loading-screen{z-index:100;background:#000008;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-sun{background:radial-gradient(circle,#fff 0%,gold 40%,#ff4500 80%);border-radius:50%;width:60px;height:60px;animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 40px gold,0 0 80px #ff4500}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.loading-text{color:#fff6;letter-spacing:.15em;margin-top:20px;font-family:Outfit,sans-serif;font-size:.85rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c084fc4d;border-radius:4px}.media-preview-container{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:15px;position:relative;overflow:hidden}.media-preview{object-fit:cover;width:100%;max-height:180px;display:block}.remove-media-btn{color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.remove-media-btn:hover{background:#ff5050cc;border-color:#ff8080}.card-btn-upload{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2466}.card-btn-upload:hover{background:#fbbf2438;border-color:#fbbf24;box-shadow:0 0 20px #fbbf244d}.about-modal-backdrop{-webkit-backdrop-filter:blur(20px);z-index:99999999;background:#04020c73;justify-content:center;align-items:center;animation:.4s ease-out fadeInBackdrop;display:flex;position:fixed;inset:0}.about-modal-content{color:#fff;background:#0b0716;border-radius:24px;width:480px;max-width:90vw;padding:2px;font-family:Inter,sans-serif;animation:.4s cubic-bezier(.16,1,.3,1) both scaleUpIn;position:relative;overflow:hidden;box-shadow:0 0 60px #ff8c004d,0 16px 80px #000000f2}.about-modal-content:before{content:"";z-index:1;background:conic-gradient(#0000 10%,#ff8c00 25%,#f07 40%,#0ff 55%,#0000 70%);width:200%;height:200%;animation:4s linear infinite borderRotate;position:absolute;top:-50%;left:-50%}.about-modal-inner{z-index:2;background:#07040d;border-radius:22px;width:100%;height:100%;padding:32px;position:relative;overflow:hidden}.about-modal-inner:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 45%,#ff8c001a 50%,#0000 55%);width:200%;height:200%;animation:4s linear infinite scanLight;position:absolute;top:-50%;left:-50%;transform:rotate(-45deg)}.about-close-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.about-close-btn:hover{background:#ff505033;border-color:#ff505080;transform:rotate(90deg)}.about-avatar-container{justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;display:flex;position:relative}.about-avatar-ring{border:2px dashed #ff8c00b3;border-radius:50%;width:100%;height:100%;animation:15s linear infinite rotateRing;position:absolute}.about-avatar-pulse{background:radial-gradient(circle,#ff8c0026 0%,#0000 70%);border-radius:50%;width:90%;height:90%;animation:2s ease-in-out infinite alternate pulsePulse;position:absolute}.about-avatar{color:#fff;z-index:2;background:linear-gradient(135deg,#ff8c00,#f07);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:900;display:flex;position:relative;box-shadow:0 0 25px #ff8c0080}.about-name{text-align:center;background:linear-gradient(90deg,#fff,#fa0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:900}.about-subtitle{color:#fa0;text-transform:uppercase;letter-spacing:.15em;text-align:center;margin-bottom:24px;font-size:.76rem;font-weight:700}.about-bio{color:#ffffffd1;text-align:center;margin-bottom:24px;font-size:.88rem;line-height:1.7}.about-info-grid{background:#ffffff05;border:1px solid #ff8c0026;border-radius:16px;grid-template-columns:1fr;gap:12px;margin-bottom:28px;padding:18px;display:grid}.about-info-item{color:#ffffffbf;align-items:center;gap:10px;font-size:.82rem;display:flex}.about-info-icon{font-size:1.1rem}.about-btn-row{justify-content:center;gap:12px;display:flex}.about-btn-github{color:#fa0;background:#ffaa0014;border:1.5px solid #ffaa0080;border-radius:30px;align-items:center;gap:8px;padding:10px 24px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 0 15px #ffaa000d}.about-btn-github:hover{background:#ffaa002e;border-color:#fa0;transform:translateY(-2px);box-shadow:0 0 25px #ffaa0040}@keyframes fadeInBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(20px)}}@keyframes scaleUpIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulsePulse{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}@keyframes scanLight{0%{transform:translate(-30%,-30%)rotate(-45deg)}to{transform:translate(30%,30%)rotate(-45deg)}}.anim-avatar{animation:.6s cubic-bezier(.16,1,.3,1) .1s both slideDownFade}.anim-name{animation:.6s cubic-bezier(.16,1,.3,1) .2s both slideDownFade}.anim-subtitle{animation:.6s cubic-bezier(.16,1,.3,1) .3s both slideDownFade}.anim-bio{animation:.8s .4s both fadeIn}.anim-info-1{animation:.6s .5s both slideLeftFade}.anim-info-2{animation:.6s .6s both slideLeftFade}.anim-info-3{animation:.6s .7s both slideLeftFade}.anim-btn{animation:.6s .8s both slideUpFade}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftFade{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.top-hud{width:100%;padding:0 12px;top:16px}.hud-name{font-size:1.35rem}.hud-title{letter-spacing:.12em;font-size:.72rem}.hud-meta{gap:5px;font-size:.7rem}.hint-label{letter-spacing:.07em;white-space:normal;text-align:center;padding:0 16px;font-size:.65rem;line-height:1.5;bottom:72px}.filter-bar{gap:6px;padding:5px 8px;bottom:16px}.filter-btn{padding:5px 13px;font-size:.68rem}.about-modal-content{width:92vw;max-width:420px}.about-modal-inner{padding:24px 20px}.about-name{font-size:1.5rem}.about-bio{font-size:.82rem}.about-avatar-container{width:78px;height:78px}.about-avatar{width:64px;height:64px;font-size:1.5rem}.info-card{width:280px;padding:18px 18px 14px}}@media (width<=480px){.top-hud{top:12px}.hud-name{letter-spacing:.03em;font-size:1.1rem}.hud-title{letter-spacing:.09em;font-size:.62rem}.hud-meta{gap:4px;margin-top:3px;font-size:.62rem}.hint-label{padding:0 12px;font-size:.6rem;bottom:68px}.filter-bar{gap:5px;padding:4px 6px;bottom:12px}.filter-btn{letter-spacing:.08em;padding:5px 10px;font-size:.62rem}.about-modal-content{width:95vw}.about-modal-inner{padding:20px 16px}.about-name{font-size:1.25rem}.about-subtitle{margin-bottom:16px;font-size:.65rem}.about-bio{margin-bottom:16px;font-size:.78rem}.about-avatar-container{width:68px;height:68px;margin-bottom:14px}.about-avatar{width:56px;height:56px;font-size:1.3rem}.about-info-grid{gap:9px;margin-bottom:18px;padding:12px}.about-info-item{font-size:.75rem}.about-btn-row{flex-direction:column;align-items:stretch;gap:8px}.about-btn-github{justify-content:center;padding:10px 16px}.about-close-btn{width:28px;height:28px;font-size:.75rem;top:14px;right:14px}.info-card{width:260px;padding:16px 14px 12px}.info-card-title{font-size:1.05rem}.mini-tooltip{width:175px;padding:12px 14px 10px}}@media (width<=360px){.hud-name{font-size:.95rem}.hud-title{font-size:.55rem}.filter-btn{padding:4px 8px;font-size:.58rem}.about-modal-content{width:98vw}.about-name{font-size:1.1rem}}@media (hover:none) and (pointer:coarse){.hint-label-mouse{display:none}.hint-label-touch{display:inline}}@media (hover:hover) and (pointer:fine){.hint-label-mouse{display:inline}.hint-label-touch{display:none}}@media (width<=600px){.skills-panel-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;padding-left:12px;padding-right:12px;flex-wrap:nowrap!important;justify-content:flex-start!important;max-width:100vw!important;bottom:90px!important;overflow-x:auto!important}.skills-panel-wrap::-webkit-scrollbar{display:none}.skills-panel-card{flex-shrink:0;min-width:140px!important;padding:10px 12px!important}}