:root{--void:#030305;--glass:#ffffff08;--glass-strong:#14141e99;--glass-border:#ffffff14;--neon-accent:#7c3aed;--neon-blue:#0ea5e9;--neon-green:#10b981;--text-main:#e2e8f0;--text-dim:#94a3b8}*{box-sizing:border-box;cursor:none;margin:0;padding:0}body{background-color:var(--void);color:var(--text-main);font-family:Outfit,sans-serif;overflow-x:hidden}.cursor-dot,.cursor-outline{z-index:9999;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:#fff;width:8px;height:8px}.cursor-outline{border:1px solid #ffffff80;width:40px;height:40px;transition:width .2s,height .2s,background .2s}@keyframes universeFadeIn{0%{opacity:0;filter:brightness(0)}to{opacity:.6;filter:brightness()}}@keyframes spaceDrift{0%{background-position:0 0,0 0,0 0}to{background-position:-800px -800px,-400px -400px,-200px -200px}}@keyframes shootingStar{0%{opacity:1;transform:translate(120vw)translateY(-20vh)rotate(-35deg)}10%{opacity:0;transform:translate(-20vw)translateY(120vh)rotate(-35deg)}to{opacity:0;transform:translate(-20vw)translateY(120vh)rotate(-35deg)}}@keyframes riseUpNav{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes riseUpCenter{0%{opacity:0;transform:translate(-50%,calc(40px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes riseUpXCenter{0%{opacity:0;transform:translate(-50%)translateY(40px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.universe{z-index:-1;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.stars{opacity:.5;background:url(https://images.unsplash.com/photo-1506318137071-a8e063b4bec0?q=80&w=3000&auto=format&fit=crop) 50%/cover;width:100%;height:100%;animation:10s infinite alternate breathe}.moon{opacity:.8;mix-blend-mode:screen;filter:grayscale();will-change:transform;background:url(https://images.unsplash.com/photo-1522030299830-16b8d3d049fe?q=80&w=2532&auto=format&fit=crop) 50%/contain no-repeat;width:250px;height:250px;transition:transform .1s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.noise-overlay{pointer-events:none;z-index:9000;opacity:.4;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIj48ZmlsdGVyIGlkPSJneiPjxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIwLjY1IiBudW1PY3RhdmVzPSIzIiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsdGVyPSJ1cmwoI2cpIiBvcGFjaXR5PSIwLjAzIi8+PC9zdmc+);width:100%;height:100%;position:fixed;top:0;left:0}.reveal{opacity:0;transition:all 1s cubic-bezier(.2,.8,.2,1);transform:translateY(50px)}.reveal.active{opacity:1;transform:translateY(0)}.hero{perspective:1000px;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.commander-frame{width:260px;height:360px;transform-style:preserve-3d;margin-bottom:2rem;animation:6s ease-in-out infinite float;position:relative}.photo-glass{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2;background:linear-gradient(135deg,#ffffff1a,#ffffff03);border:1px solid #fff3;border-radius:20px;position:absolute;inset:-10px;-webkit-mask-image:linear-gradient(#0000 40%,#000 65%);mask-image:linear-gradient(#0000 40%,#000 65%)}.commander-img{object-fit:cover;filter:grayscale(20%)contrast(1.1);z-index:1;border-radius:12px;width:100%;height:100%;position:relative;box-shadow:0 20px 50px #0009}.hero-title{text-transform:uppercase;letter-spacing:-2px;color:#0000;text-align:center;z-index:5;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Syncopate,sans-serif;font-size:clamp(3rem,7vw,6rem);font-weight:700;line-height:.9}.dashboard-section{flex-direction:column;align-items:center;min-height:100vh;padding:100px 5%;display:flex}.timeline-scroller{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:15px;width:100%;max-width:1000px;margin-bottom:30px;padding-bottom:20px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.timeline-scroller::-webkit-scrollbar{display:none}.month-chip{border:1px solid var(--glass-border);color:var(--text-dim);white-space:nowrap;background:#ffffff0d;border-radius:50px;padding:8px 20px;font-family:Syncopate,sans-serif;font-size:.8rem;transition:all .3s}.month-chip.active{color:#000;background:#fff;font-weight:700;box-shadow:0 0 15px #fff6}.display-screen{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:30px;width:100%;max-width:1000px;min-height:400px;padding:40px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0006}.content-grid{grid-template-columns:1fr 1.5fr;gap:40px;animation:.5s ease-out fadeIn;display:grid}.content-visual{border-radius:20px;height:300px;position:relative;overflow:hidden}.content-visual img{object-fit:cover;width:100%;height:100%}.content-data h2{background:linear-gradient(90deg, #fff, var(--neon-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-family:Syncopate,sans-serif;font-size:2.5rem}.section-header{text-align:center;margin-bottom:60px}.section-title{color:#fff;text-transform:uppercase;letter-spacing:2px;font-family:Syncopate,sans-serif;font-size:2.5rem}.section-subtitle{color:var(--neon-blue);letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;font-size:.9rem;display:block}.skills-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:100px 10%;display:grid}.skill-card{border:1px solid var(--glass-border);background:#ffffff05;border-radius:20px;padding:30px;transition:transform .3s}.skill-card:hover{background:#ffffff0d;transform:translateY(-10px)}.skill-name{justify-content:space-between;margin-bottom:15px;font-weight:700;display:flex}.progress-bar{background:#ffffff1a;border-radius:10px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--neon-accent);border-radius:10px;width:0;height:100%;transition:width 1.5s ease-out}.stats-section{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:linear-gradient(#0000,#000c);padding:80px 5%}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.stat-box h3{color:#fff;margin-bottom:10px;font-size:4rem;font-weight:800}.stat-box p{color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;font-size:.8rem}.projects-section{padding:120px 5%}.project-card{background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:30px;flex-direction:row;max-width:1000px;margin:0 auto 60px;display:flex;overflow:hidden}.project-img{flex:1;min-height:300px}.project-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-info{flex-direction:column;flex:1;justify-content:center;padding:40px;display:flex}.project-card:hover .project-img img{transform:scale(1.05)}.tag{color:var(--neon-green);background:#10b9811a;border-radius:20px;width:fit-content;margin-bottom:15px;padding:5px 15px;font-size:.7rem;font-weight:700;display:inline-block}.roadmap-section{text-align:center;padding:100px 5%}.roadmap-list{text-align:left;max-width:600px;margin:0 auto}.roadmap-item{border:1px solid var(--glass-border);background:#ffffff03;border-radius:15px;align-items:center;gap:20px;margin-bottom:20px;padding:20px;transition:all .3s;display:flex}.roadmap-item:hover{border-color:var(--neon-blue);background:#ffffff0d}.check-box{border:2px solid var(--text-dim);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.check-box:after{content:"";background:var(--neon-blue);opacity:0;border-radius:50%;width:12px;height:12px}.roadmap-item.completed .check-box{border-color:var(--neon-blue)}.roadmap-item.completed .check-box:after{opacity:1}@keyframes float{0%,to{transform:translateY(0)rotateX(0)}50%{transform:translateY(-20px)rotateX(5deg)}}@keyframes breathe{0%{opacity:.5;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{padding:0 10px;font-size:12vw}.commander-frame{width:70vw;max-width:260px;height:90vw;max-height:360px}.content-grid{grid-template-columns:1fr;gap:20px}.content-visual{height:200px}.content-data h2{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:1.4rem}.project-card{flex-direction:column}.project-img{min-height:200px}.project-info{padding:25px}.stats-grid{grid-template-columns:1fr 1fr}.stat-box h3{font-size:2.5rem}.timeline-scroller{-webkit-overflow-scrolling:touch;padding-left:20px;padding-right:20px}.month-chip{padding:8px 16px;font-size:.75rem}.cursor-dot,.cursor-outline{display:none}*{cursor:auto}}.font-inter{font-family:Inter,sans-serif}.perspective-1200{perspective:1200px}.mask-image-gradient{-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}body{color:#fff;background-color:#010101;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}.app-container{color:#fff;z-index:9999;background-color:#010101;width:100vw;height:100vh;min-height:100vh;font-family:Inter,sans-serif;position:fixed;inset:0;overflow:hidden}.app-container:after{content:"";filter:drop-shadow(0 0 15px #fff);z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff 100%);border-radius:5px;width:300px;height:2px;animation:15s linear 2s infinite shootingStar;position:absolute;top:0;left:0}.layer-bg{pointer-events:none;position:fixed;inset:0}.nebula-1{filter:blur(150px);background-color:#1e3a8a33;border-radius:50%;width:60%;height:60%;position:absolute;top:-10%;left:-10%}.nebula-2{filter:blur(150px);background-color:#581c871a;border-radius:50%;width:50%;height:50%;position:absolute;bottom:-10%;right:-10%}.particle-layer{pointer-events:none;z-index:0;position:absolute;inset:0}.particle{background-color:#fff;border-radius:50%;position:absolute}.star-bg-layer{pointer-events:none;opacity:0;animation:3.5s ease-out forwards universeFadeIn;position:absolute;inset:-20%}.star-bg-pattern{background-image:radial-gradient(1px 1px at 15% 25%,#fff,#0000),radial-gradient(1px 1px at 85% 75%,#fff,#0000),radial-gradient(1.5px 1.5px at 45% 45%,#fff,#0000);background-size:400px 400px;animation:90s linear infinite spaceDrift;position:absolute;inset:0}.nav-hud{z-index:50;opacity:0;justify-content:space-between;align-items:flex-start;width:100%;padding:2.5rem 3rem;animation:2s cubic-bezier(.1,.9,.2,1) forwards riseUpNav;display:flex;position:fixed;top:0}.nav-left{flex-direction:column;gap:.5rem;display:flex}.nav-right{gap:1rem;display:flex}.nav-glass-label{letter-spacing:.3em;color:#ffffffe6;text-transform:uppercase;text-shadow:0 0 10px #ffffff4d;padding:10px 25px;font-size:clamp(10px,1.2vw,12px);font-weight:700}.nav-glass-link{letter-spacing:.3em;text-transform:uppercase;color:#ffffffb3;cursor:pointer;padding:10px 25px;font-size:clamp(10px,1.2vw,12px);font-weight:700;transition:all .3s}.nav-glass-link:hover{color:#fff;background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 0 20px #ffffff1a}.main-content{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.absolute-center{z-index:15;pointer-events:none;opacity:0;justify-content:center;align-items:center;width:100vw;height:100vh;animation:2.5s cubic-bezier(.1,.9,.2,1) .2s forwards riseUpCenter;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.absolute-top{z-index:20;pointer-events:none;opacity:0;justify-content:center;width:100vw;animation:2.5s cubic-bezier(.1,.9,.2,1) .4s forwards riseUpXCenter;display:flex;position:absolute;top:12vh;left:50%;transform:translate(-50%)}.absolute-bottom{z-index:20;pointer-events:auto;opacity:0;animation:2.5s cubic-bezier(.1,.9,.2,1) .6s forwards riseUpXCenter;position:absolute;bottom:15vh;left:50%;transform:translate(-50%)}.absolute-button{z-index:20;pointer-events:auto;opacity:0;animation:2.5s cubic-bezier(.1,.9,.2,1) .8s forwards riseUpXCenter;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.portrait-parallax{pointer-events:auto;z-index:15;position:relative}.portrait-container{border:1px solid var(--glass-border);background:#28283080;border-radius:12px;justify-content:center;align-items:center;width:clamp(290px,38vw,30px);height:clamp(300px,48vw,400px);transition:filter .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #000c,inset 0 0 20px #ffffff0d;-webkit-mask-image:linear-gradient(#000 88%,#0000 100%);mask-image:linear-gradient(#000 88%,#0000 100%)}.portrait-img{object-fit:cover;object-position:center 15%;opacity:.9;mix-blend-mode:luminosity;filter:grayscale()contrast(1.2);width:100%;height:100%;transform:scale(1.5)}.scan-line{display:none!important}.portrait-gradient{z-index:4;pointer-events:none;background:linear-gradient(#0000 75%,#000000f2 100%);position:absolute;inset:0}.portrait-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f60d 0%,#0000 60%);border-radius:50%;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portrait-eyes{opacity:.9;filter:drop-shadow(0 0 8px #3b82f6);mix-blend-mode:screen;pointer-events:none;z-index:6;width:99%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.glass-panel{-webkit-backdrop-filter:blur(24px);background:#ffffff05;border:1px solid #ffffff14;border-color:#ffffff26 #ffffff14 #ffffff14 #ffffff26;border-radius:50px;box-shadow:0 15px 35px #00000080,inset 0 2px 20px #ffffff08}.text-parallax{pointer-events:none;z-index:25;justify-content:center;width:100%;transition:transform .3s;display:flex}.glass-pill{align-items:center;gap:15px;padding:15px 40px;display:flex}.recap-title{text-transform:uppercase;letter-spacing:.4em;color:#ffffffb3;margin:0 -.4em 0 0;font-family:Inter,sans-serif;font-size:clamp(.85rem,1.5vw,1rem);font-weight:300;line-height:1}.year-title{letter-spacing:.3em;color:#fff;margin:0 -.3em 0 0;font-family:Inter,sans-serif;font-size:clamp(.85rem,1.5vw,1rem);font-weight:600;line-height:1}.seq-text{letter-spacing:.3em;color:#93c5fd;text-transform:uppercase;text-shadow:0 0 8px #60a5fa99;border-left:1px solid #ffffff4d;margin:0 0 0 10px;padding-left:20px;font-family:monospace;font-size:clamp(10px,1.2vw,14px);font-weight:700}.hud-timer{justify-content:center;gap:clamp(1rem,3vw,2.5rem);display:flex}.timer-glass{border-radius:20px;flex-direction:column;align-items:center;gap:5px;min-width:clamp(80px,15vw,120px);padding:15px clamp(20px,4vw,35px);display:flex}.timer-glass span:last-child{letter-spacing:.5em;color:#fff6;text-transform:uppercase;font-size:9px;font-weight:700}.timer-num{color:#ffffffe6;letter-spacing:.1em;font-variant-numeric:tabular-nums;text-shadow:0 0 10px #fff3;font-family:Inter,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300}.btn-unlock{text-transform:uppercase;letter-spacing:.4em;color:#ffffffb3;cursor:pointer;padding:12px 30px;font-size:9px;text-decoration:none;transition:all .3s;display:inline-block}.btn-unlock:hover{color:#fff;background:#ffffff14;border-color:#fff6;transform:translateY(-2px);box-shadow:0 0 30px #ffffff1a,inset 0 2px 20px #ffffff1a}.hud-corner-left{letter-spacing:.2em;color:#ffffffe6;text-transform:uppercase;z-index:50;align-items:center;gap:12px;padding:12px 25px;font-family:monospace;font-size:clamp(10px,1.2vw,12px);font-weight:700;display:flex;position:fixed;bottom:2rem;left:2rem}.hud-corner-right{letter-spacing:.2em;color:#ffffffe6;text-transform:uppercase;z-index:50;align-items:center;gap:12px;padding:12px 25px;font-family:monospace;font-size:clamp(10px,1.2vw,12px);font-weight:700;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes iconHover{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.corner-icon{color:#60a5fa;filter:drop-shadow(0 0 5px #60a5facc);animation:3s ease-in-out infinite iconHover}.custom-cursor{z-index:9999;pointer-events:none;mix-blend-mode:screen;background-color:#60a5fa;border-radius:50%;width:6px;height:6px;margin-top:-3px;margin-left:-3px;position:fixed;top:50%;left:50%;box-shadow:0 0 15px #60a5facc}@media (max-width:768px){.hud-corner-left,.hud-corner-right{display:none!important}.nav-hud{box-sizing:border-box;padding:1.5rem 1rem}.nav-glass-label,.nav-glass-link{letter-spacing:.1em;padding:6px 12px;font-size:8px!important}.nav-right{gap:.5rem}.absolute-top{top:13vh}.glass-pill{text-align:center;border-radius:20px;justify-content:center;flex-direction:column!important;gap:4px!important;padding:6px 15px!important}.recap-title{letter-spacing:.1em;font-size:1.2rem!important}.seq-text{border-left:none!important;margin:2px 0 0!important;padding-left:0!important;font-size:8px!important}.portrait-container{border-radius:12px!important;width:70vw!important;height:48vh!important}.absolute-bottom{bottom:18vh}.hud-timer{gap:.5rem}.timer-glass{min-width:70px;padding:10px 15px}.timer-num{font-size:1.3rem}.absolute-button{bottom:8vh}.btn-unlock{letter-spacing:.2em;padding:12px 20px;font-size:8px}}