@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&display=swap";:root{--neon-blue:#00e5ff;--neon-pink:#f0f;--neon-orange:#ff9f00;--neon-green:#0f8;--bg:#020408;--bg-surface:#060d14;--bg-card:#070f1a;--border:#00e5ff2e;--border-active:#00e5ff8c;--text-primary:#d8f4ff;--text-secondary:#b4e6ffbf;--text-dim:#00e5ff59;--font-display:"Orbitron", "Courier New", monospace;--font-mono:"Share Tech Mono", "Courier New", monospace;--nav-h:62px;--ease:cubic-bezier(.4, 0, .2, 1);--t:.3s var(--ease);--glow-sm:0 0 10px #00e5ff59;--glow-md:0 0 20px #00e5ff80, 0 0 40px #00e5ff2e;--glow-lg:0 0 30px #00e5ff99, 0 0 70px #00e5ff40, 0 0 120px #00e5ff1a;--glow-pink:0 0 20px #ff00ff80, 0 0 40px #ff00ff2e;--glow-orange:0 0 15px #ff9f0066}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--neon-blue) var(--bg)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--neon-blue);box-shadow:var(--glow-sm)}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-mono);cursor:none;line-height:1.6;overflow-x:hidden}#bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#cursor-canvas{z-index:9998;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.scanline{background:linear-gradient(to right, transparent 0%, var(--neon-blue) 50%, transparent 100%);opacity:.35;z-index:9999;pointer-events:none;width:100%;height:3px;animation:7s linear infinite scanDown;position:fixed;top:-3px;left:0}@keyframes scanDown{0%{top:-3px}to{top:100vh}}.c-ring{border:1.5px solid var(--neon-blue);pointer-events:none;z-index:10000;width:24px;height:24px;box-shadow:var(--glow-sm);border-radius:50%;transition:transform 80ms,border-color .2s,box-shadow .2s;position:fixed;transform:translate(-50%,-50%)}.c-dot{background:var(--neon-blue);pointer-events:none;z-index:10001;width:5px;height:5px;box-shadow:0 0 8px var(--neon-blue);border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.c-ring.hovered{border-color:var(--neon-pink);box-shadow:var(--glow-pink);transform:translate(-50%,-50%)scale(2)}#navbar{height:var(--nav-h);z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:var(--t);background:#020408e0;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}#navbar.scrolled{border-bottom-color:var(--border-active);box-shadow:0 4px 20px #00e5ff14}.nav-logo{font-family:var(--font-display);letter-spacing:.12em;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:1.1rem;font-weight:900}.nav-logo-bracket{color:var(--neon-pink);text-shadow:var(--glow-pink)}.nav-logo-text{color:var(--neon-blue);text-shadow:var(--glow-sm);margin:0 2px}.nav-links{gap:.2rem;list-style:none;display:flex}.nav-link{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-dim);border:1px solid #0000;padding:.35rem .65rem;font-size:.6rem;font-weight:700;text-decoration:none;transition:color .25s,border-color .25s,background .25s;display:block;position:relative;overflow:hidden}.nav-link:after{content:"";background:var(--neon-blue);width:0;height:1px;transition:width .3s var(--ease);position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{color:var(--neon-blue);border-color:var(--border);text-shadow:var(--glow-sm)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{background:#00e5ff0d}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.nav-toggle span{background:var(--neon-blue);width:22px;height:2px;box-shadow:var(--glow-sm);transition:var(--t);display:block}main{z-index:1;position:relative}.section{min-height:100vh;padding:var(--nav-h) 0 5rem;align-items:center;display:flex;position:relative}.section-container{width:100%;max-width:1100px;margin:0 auto;padding:0 2rem}.section-header{margin-bottom:3rem}.section-tag{color:var(--neon-pink);text-shadow:var(--glow-pink);letter-spacing:.25em;margin-bottom:.4rem;font-size:.72rem;display:block}.section-title{font-family:var(--font-display);color:#fff;letter-spacing:.04em;text-shadow:0 0 25px #ffffff26;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.highlight{color:var(--neon-blue);text-shadow:var(--glow-md)}.reveal{opacity:0;transition:opacity .65s var(--ease), transform .65s var(--ease);transform:translateY(28px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .65s var(--ease), transform .65s var(--ease);transform:translate(-28px)}.reveal-right{opacity:0;transition:opacity .65s var(--ease), transform .65s var(--ease);transform:translate(28px)}.reveal-left.revealed,.reveal-right.revealed{opacity:1;transform:translate(0)}.hero-section{justify-content:center;min-height:100vh;overflow:hidden}.hero-content{align-items:center;gap:5rem;width:100%;max-width:1100px;margin:0 auto;padding:0 2rem;display:flex}.identity-disk{flex-shrink:0;width:270px;height:270px;position:relative}.disk-ring{border:2px solid #0000;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-outer{border-color:var(--neon-blue);width:270px;height:270px;animation:18s linear infinite diskSpin;box-shadow:0 0 25px #00e5ff73,inset 0 0 25px #00e5ff14}.ring-mid{border-style:dashed;border-color:#00e5ff73;width:205px;height:205px;animation:11s linear infinite reverse diskSpin}.ring-inner{border-color:var(--neon-pink);width:150px;height:150px;animation:7s linear infinite diskSpin;box-shadow:0 0 18px #ff00ff73}@keyframes diskSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.disk-core{border:2px solid var(--neon-blue);width:84px;height:84px;box-shadow:var(--glow-md);font-family:var(--font-display);color:#fff;text-shadow:var(--glow-sm);background:radial-gradient(circle,#00e5ff2e 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:900;animation:2.5s ease-in-out infinite alternate coreBreath;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes coreBreath{0%{box-shadow:var(--glow-md)}to{box-shadow:var(--glow-lg)}}.disk-seg{background:linear-gradient(to bottom, var(--neon-blue), transparent);transform-origin:bottom;width:3px;height:28px;box-shadow:0 0 6px var(--neon-blue);position:absolute;top:50%;left:50%}.seg-1{animation:2s ease-in-out infinite alternate segPulse;transform:translate(-50%,-100%)rotate(0)}.seg-2{animation:2s ease-in-out .5s infinite alternate segPulse;transform:translate(-50%,-100%)rotate(90deg)}.seg-3{animation:2s ease-in-out 1s infinite alternate segPulse;transform:translate(-50%,-100%)rotate(180deg)}.seg-4{animation:2s ease-in-out 1.5s infinite alternate segPulse;transform:translate(-50%,-100%)rotate(270deg)}@keyframes segPulse{0%{opacity:.3}to{opacity:1;box-shadow:0 0 14px var(--neon-blue)}}.disk-node{background:var(--neon-blue);width:8px;height:8px;box-shadow:0 0 10px var(--neon-blue), 0 0 20px #00e5ff66;border-radius:50%;animation:18s linear infinite nodeOrbit;position:absolute;top:50%;left:50%}.disk-node:nth-child(2){animation-delay:-6s}.disk-node:nth-child(3){animation-delay:-12s}@keyframes nodeOrbit{0%{transform:translate(-50%,-50%)rotate(0)translate(134px)}to{transform:translate(-50%,-50%)rotate(360deg)translate(134px)}}.hero-text{flex:1;min-width:0}.hero-tag{color:var(--neon-pink);text-shadow:var(--glow-pink);letter-spacing:.25em;margin-bottom:.5rem;font-size:.75rem}.hero-name{font-family:var(--font-display);color:#fff;letter-spacing:.04em;text-shadow:0 0 30px #ffffff40;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;position:relative}.glitch{animation:5s infinite glitchIdle}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 var(--neon-pink);clip-path:polygon(0 20%,100% 20%,100% 45%,0 45%);animation:5s infinite glitchBefore}.glitch:after{text-shadow:2px 0 var(--neon-blue);clip-path:polygon(0 60%,100% 60%,100% 78%,0 78%);animation:5s .1s infinite glitchAfter}@keyframes glitchIdle{0%,88%,to{transform:none}89%{transform:skew(-1deg)}90%{transform:skew(1deg)}91%{transform:none}}@keyframes glitchBefore{0%,88%,to{opacity:0;transform:none}89%{opacity:.8;transform:translate(-4px)}91%{opacity:0}}@keyframes glitchAfter{0%,88%,to{opacity:0;transform:none}89%{opacity:.8;transform:translate(4px)}91%{opacity:0}}.hero-subtitle{color:var(--neon-blue);text-shadow:var(--glow-sm);letter-spacing:.18em;min-height:1.5em;margin-bottom:2rem;font-size:clamp(.85rem,2vw,1.05rem)}.cursor-blink{color:var(--neon-blue);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-stats{align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.stat{text-align:center}.stat-value{font-family:var(--font-display);color:var(--neon-blue);text-shadow:var(--glow-md);font-size:1.9rem;font-weight:900;display:block}.stat-label{color:var(--text-dim);letter-spacing:.22em;margin-top:2px;font-size:.6rem;display:block}.stat-divider{background:var(--border-active);width:1px;height:44px;box-shadow:var(--glow-sm)}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{font-family:var(--font-display);letter-spacing:.15em;color:var(--bg);background:var(--neon-blue);cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);box-shadow:var(--glow-md);transition:var(--t);border:none;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 2rem;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:var(--glow-lg);background:#fff;transform:translateY(-2px)}.btn-secondary{font-family:var(--font-display);letter-spacing:.15em;color:var(--neon-blue);border:1px solid var(--neon-blue);cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:var(--t);background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 2rem;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-secondary:hover{box-shadow:var(--glow-md);background:#00e5ff1a;transform:translateY(-2px)}.scroll-indicator{letter-spacing:.3em;color:var(--text-dim);flex-direction:column;align-items:center;gap:.4rem;font-size:.62rem;animation:2.2s ease-in-out infinite scrollFloat;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--neon-blue), transparent);width:1px;height:44px;animation:2.2s ease-in-out infinite scrollFill}@keyframes scrollFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}@keyframes scrollFill{0%{opacity:0;transform-origin:top;transform:scaleY(0)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}to{opacity:0;transform-origin:bottom;transform:scaleY(1)}}.about-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:3rem;display:grid}.bio-text{color:var(--text-secondary);margin-bottom:1rem;font-size:.92rem;line-height:1.85}.bio-badges{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.badge{border:1px solid var(--neon-pink);color:var(--neon-pink);letter-spacing:.1em;text-shadow:var(--glow-pink);transition:var(--t);padding:.28rem .75rem;font-size:.68rem}.badge:hover{box-shadow:var(--glow-pink);background:#ff00ff14}.info-grid{gap:.65rem;display:grid}.info-item{border:1px solid var(--border);background:var(--bg-card);transition:var(--t);justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.info-item:hover{border-color:var(--border-active);box-shadow:var(--glow-sm)}.info-label{letter-spacing:.2em;color:var(--text-dim);font-size:.62rem}.info-value{color:var(--neon-blue);text-shadow:var(--glow-sm);font-size:.78rem}.status-active{animation:2.5s ease-in-out infinite statusPulse;color:var(--neon-green)!important;text-shadow:0 0 12px #00ff8880!important}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.55}}.timeline{padding-left:2.5rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--neon-blue), transparent 90%);width:1px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #00e5ff4d}.timeline-item{border:1px solid var(--border);background:var(--bg-card);transition:var(--t);margin-bottom:1.5rem;padding:1.5rem;position:relative}.timeline-item:before{content:"";background:var(--neon-blue);width:10px;height:10px;box-shadow:var(--glow-md);border:2px solid var(--bg);border-radius:50%;position:absolute;top:1.6rem;left:-2.7rem}.timeline-item:after{content:"";background:var(--neon-blue);opacity:.45;width:1.9rem;height:1px;position:absolute;top:calc(1.6rem + 4px);left:-2.2rem}.timeline-item:hover{border-color:var(--border-active);box-shadow:var(--glow-sm), inset 0 0 30px #00e5ff05;transform:translate(5px)}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.4rem;margin-bottom:.4rem;display:flex}.timeline-company{font-family:var(--font-display);letter-spacing:.04em;color:#fff;font-size:1.05rem;font-weight:700}.timeline-period{letter-spacing:.1em;color:var(--neon-orange);text-shadow:var(--glow-orange);font-size:.68rem}.timeline-role{letter-spacing:.1em;color:var(--neon-blue);text-shadow:var(--glow-sm);margin-bottom:.75rem;font-size:.78rem}.timeline-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.88rem;line-height:1.75}.timeline-tags,.project-tags{flex-wrap:wrap;gap:.35rem;display:flex}.tag{color:var(--text-secondary);transition:var(--t);background:#00e5ff0a;border:1px solid #00e5ff47;padding:.18rem .55rem;font-size:.62rem}.tag:hover{border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:var(--glow-sm)}.edu-main-card{border:1px solid var(--border-active);background:var(--bg-card);box-shadow:var(--glow-sm);align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;display:flex;position:relative;overflow:hidden}.edu-main-card:before{content:"";background:linear-gradient(to bottom, var(--neon-blue), var(--neon-pink));width:4px;height:100%;box-shadow:var(--glow-md);position:absolute;top:0;left:0}.edu-main-card:after{content:"VU AMSTERDAM";font-family:var(--font-display);color:#00e5ff0a;letter-spacing:.1em;pointer-events:none;font-size:3.5rem;font-weight:900;position:absolute;bottom:1rem;right:2rem}.edu-logo{font-family:var(--font-display);color:var(--neon-blue);text-shadow:var(--glow-lg);text-align:center;min-width:72px;font-size:2.6rem;font-weight:900}.edu-info h3{font-family:var(--font-display);color:#fff;margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.edu-degree{color:var(--neon-blue);text-shadow:var(--glow-sm);margin-bottom:.2rem;font-size:.88rem}.edu-minor{color:var(--neon-pink);text-shadow:var(--glow-pink);margin-bottom:.2rem;font-size:.8rem}.edu-period{color:var(--text-dim);letter-spacing:.1em;font-size:.72rem}.courses-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.courses-title{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.22em;font-size:.82rem;font-weight:700}.courses-filter{flex-wrap:wrap;gap:.4rem;display:flex}.filter-btn{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:var(--t);background:0 0;padding:.35rem .9rem;font-size:.68rem}.filter-btn:hover,.filter-btn.active{color:var(--neon-blue);border-color:var(--neon-blue);box-shadow:var(--glow-sm);background:#00e5ff0d}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:1rem;display:grid}.course-card{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:var(--t);padding:1.25rem;position:relative;overflow:hidden}.course-card:before{content:"";background:linear-gradient(to right, transparent, var(--neon-blue), transparent);width:100%;height:1px;transition:left .5s;position:absolute;top:0;left:-100%}.course-card:hover:before{left:100%}.course-card:hover,.course-card.expanded{border-color:var(--border-active);box-shadow:var(--glow-sm)}.course-card.expanded{border-color:var(--neon-blue);box-shadow:var(--glow-md)}.course-cat-tag{letter-spacing:.12em;border:1px solid;margin-bottom:.55rem;padding:.1rem .45rem;font-size:.55rem;display:inline-block}.course-cat-tag.foundations{color:var(--neon-green);border-color:#0f86}.course-cat-tag.core-ai{color:var(--neon-blue);border-color:#00e5ff66}.course-cat-tag.advanced{color:var(--neon-orange);border-color:#ff9f0066}.course-cat-tag.minor{color:var(--neon-pink);border-color:#f0f6}.course-header{justify-content:space-between;align-items:flex-start;margin-bottom:.4rem;display:flex}.course-name{font-family:var(--font-display);color:#fff;letter-spacing:.03em;flex:1;margin-right:.5rem;font-size:.78rem;font-weight:700}.course-year{color:var(--neon-orange);letter-spacing:.1em;white-space:nowrap;font-size:.62rem}.course-desc{color:var(--text-dim);max-height:0;transition:max-height .4s var(--ease), opacity .4s;opacity:0;margin-bottom:.7rem;font-size:.72rem;line-height:1.55;overflow:hidden}.course-card.expanded .course-desc{opacity:1;max-height:120px}.course-skills{max-height:0;transition:max-height .4s var(--ease);flex-wrap:wrap;gap:.28rem;display:flex;overflow:hidden}.course-card.expanded .course-skills{max-height:120px}.course-skill{color:var(--neon-blue);letter-spacing:.04em;background:#00e5ff0a;border:1px solid #00e5ff47;padding:.12rem .45rem;font-size:.58rem}.course-hint{color:var(--text-dim);letter-spacing:.1em;margin-top:.5rem;font-size:.58rem}.skills-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.skill-category{border:1px solid var(--border);background:var(--bg-card);transition:var(--t);padding:1.5rem}.skill-category:hover{border-color:var(--border-active);box-shadow:var(--glow-sm)}.skill-cat-title{font-family:var(--font-display);letter-spacing:.22em;color:var(--neon-pink);text-shadow:var(--glow-pink);border-bottom:1px solid #ff00ff2e;margin-bottom:1.2rem;padding-bottom:.5rem;font-size:.72rem;font-weight:700}.skill-bars{flex-direction:column;gap:.8rem;display:flex}.skill-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:.3rem;font-size:.75rem;display:flex}.skill-pct{color:var(--neon-blue);text-shadow:var(--glow-sm)}.skill-track{background:#00e5ff14;border:1px solid #00e5ff1a;height:4px;position:relative;overflow:visible}.skill-fill{background:linear-gradient(to right, var(--neon-blue), var(--neon-pink));width:0;height:100%;transition:width 1.6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 8px #00e5ff8c}.skill-fill:after{content:"";width:4px;height:10px;box-shadow:0 0 8px var(--neon-blue);background:#fff;position:absolute;top:-3px;right:-1px}.skill-fill.animated{width:var(--target)}.skill-tags{flex-wrap:wrap;gap:.45rem;display:flex}.stag{border:1px solid var(--border);color:var(--text-secondary);cursor:default;transition:var(--t);background:#00e5ff08;padding:.35rem .75rem;font-size:.7rem}.stag:hover{border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:var(--glow-sm);background:#00e5ff14;transform:scale(1.05)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.project-card{border:1px solid var(--border);background:var(--bg-card);transition:var(--t);padding:1.5rem;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-active);box-shadow:var(--glow-sm);transform:translateY(-5px)}.project-card:after{content:"";background:linear-gradient(to right, var(--neon-blue), var(--neon-pink));width:0;height:2px;transition:width .4s var(--ease);position:absolute;bottom:0;left:0}.project-card:hover:after{width:100%}.project-header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.project-id{color:var(--neon-orange);letter-spacing:.15em;font-size:.62rem}.project-links{gap:.5rem;display:flex}.project-link{color:var(--text-dim);border:1px solid var(--border);transition:var(--t);padding:.15rem .5rem;font-size:.68rem;text-decoration:none}.project-link:hover{color:var(--neon-blue);border-color:var(--neon-blue)}.project-title{font-family:var(--font-display);color:#fff;letter-spacing:.03em;margin-bottom:.7rem;font-size:.95rem;font-weight:700}.project-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.82rem;line-height:1.75}.coming-soon-card{border-style:dashed;border-color:#00e5ff2e;flex-direction:column;justify-content:center;align-items:center;min-height:160px;display:flex}.classified-text{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.22em;margin-bottom:.5rem;font-size:.85rem;display:block}.classified-sub{color:var(--neon-blue);font-size:.68rem;animation:1.5s step-end infinite blink}.interests-banner{color:var(--text-dim);letter-spacing:.15em;background:#00e5ff05;border:1px solid #00e5ff33;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:1rem 1.25rem;font-size:.75rem;display:flex}.status-dot{background:var(--neon-blue);width:8px;height:8px;box-shadow:0 0 8px var(--neon-blue);border-radius:50%;flex-shrink:0;animation:1s step-end infinite blink}.interests-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.interest-card{border:1px solid var(--border);background:var(--bg-card);text-align:center;cursor:default;transition:var(--t);padding:2rem 1rem}.interest-card:hover{border-color:var(--border-active);box-shadow:var(--glow-sm);transform:scale(1.04)translateY(-3px)}.interest-card.classified{opacity:.65;border-style:dashed;border-color:#00e5ff1f}.interest-icon{color:var(--neon-blue);text-shadow:var(--glow-md);margin-bottom:.5rem;font-size:2.2rem;display:block}.interest-label{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.15em;margin-bottom:.25rem;font-size:.68rem;font-weight:700}.interest-status{color:var(--text-dim);letter-spacing:.1em;font-size:.6rem}.interest-status.blink{animation:1.5s step-end infinite blink}.contact-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:3rem;display:grid}.contact-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;line-height:1.85}.contact-links{flex-direction:column;gap:.75rem;display:flex}.contact-link{border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.1em;background:var(--bg-card);transition:var(--t);align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.8rem;text-decoration:none;display:flex}.contact-link:hover{border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:var(--glow-sm);transform:translate(5px)}.cl-icon{text-align:center;min-width:24px;font-size:1.1rem}.cl-arrow{margin-left:auto;transition:transform .3s}.contact-link:hover .cl-arrow{transform:translate(5px)}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-label{color:var(--neon-pink);text-shadow:var(--glow-pink);letter-spacing:.22em;font-size:.62rem}.form-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);resize:none;width:100%;transition:var(--t);outline:none;padding:.75rem 1rem;font-size:.85rem}.form-input:focus{border-color:var(--neon-blue);box-shadow:var(--glow-sm);background:#00e5ff08}.form-input::placeholder{color:var(--text-dim);letter-spacing:.1em}.btn-submit{align-self:flex-start;min-width:160px}.btn-submit:disabled{opacity:.5;cursor:default}.form-success{text-align:center;border:1px solid var(--neon-green);background:#00ff880a;padding:2.5rem}.form-success.hidden,.contact-form.hidden{display:none}.success-icon{color:var(--neon-green);text-shadow:0 0 20px #0f89;margin-bottom:.75rem;font-size:2.2rem}.success-text{font-family:var(--font-display);color:var(--neon-green);letter-spacing:.1em;margin-bottom:.4rem;font-size:1rem}.success-sub{color:var(--text-dim);letter-spacing:.1em;font-size:.72rem}.footer{text-align:center;border-top:1px solid var(--border);background:var(--bg-card);z-index:1;padding:1.5rem;position:relative}.footer-content{color:var(--text-dim);letter-spacing:.22em;font-size:.68rem}.footer-sep{color:var(--neon-blue);margin:0 1rem}.hidden{display:none!important}@media (width<=900px){.nav-links{top:var(--nav-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020408f7;flex-direction:column;padding:1rem 1.5rem;display:none;position:fixed;left:0;right:0}.nav-links.open,.nav-toggle{display:flex}.hero-content{text-align:center;flex-direction:column;gap:2.5rem}.hero-stats,.hero-cta{justify-content:center}.identity-disk,.ring-outer{width:210px;height:210px}.ring-mid{width:160px;height:160px}.ring-inner{width:116px;height:116px}.disk-core{width:70px;height:70px;font-size:1.15rem}.about-grid,.skills-grid,.contact-grid{grid-template-columns:1fr}}@media (width<=600px){.section-title{font-size:1.5rem}.identity-disk,.ring-outer{width:170px;height:170px}.ring-mid{width:128px;height:128px}.ring-inner{width:94px;height:94px}.disk-core{width:58px;height:58px;font-size:.95rem}.hero-name{font-size:1.8rem}.edu-main-card{flex-direction:column;gap:1rem}.edu-main-card:after{display:none}}.music-widget{z-index:2000;border:1px solid var(--border-active);width:240px;box-shadow:var(--glow-sm), inset 0 0 20px #00e5ff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--t);animation:widgetSlideIn .6s 1s var(--ease) both;background:#020408eb;position:fixed;bottom:2rem;right:2rem}@keyframes widgetSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.music-widget.collapsed .music-widget-bottom,.music-widget.collapsed .music-meta{display:none}.music-widget-top{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.65rem .75rem;display:flex}.music-eq{flex-shrink:0;align-items:flex-end;gap:2px;height:18px;display:flex}.eq-bar{background:var(--neon-blue);width:3px;height:4px;box-shadow:0 0 4px var(--neon-blue);border-radius:1px;transition:background .3s;display:block}.music-eq.playing .eq-bar:first-child{animation:.7s ease-in-out infinite alternate eq}.music-eq.playing .eq-bar:nth-child(2){animation:.9s ease-in-out .1s infinite alternate eq}.music-eq.playing .eq-bar:nth-child(3){animation:.55s ease-in-out .2s infinite alternate eq}.music-eq.playing .eq-bar:nth-child(4){animation:1s ease-in-out 50ms infinite alternate eq}.music-eq.playing .eq-bar:nth-child(5){animation:.75s ease-in-out .15s infinite alternate eq}@keyframes eq{0%{opacity:.5;height:3px}to{opacity:1;height:16px}}.music-meta{flex:1;min-width:0}.music-label{letter-spacing:.2em;color:var(--neon-pink);text-shadow:var(--glow-pink);margin-bottom:.15rem;font-size:.52rem}.music-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;font-weight:700;overflow:hidden}.music-collapse{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;width:20px;height:20px;transition:var(--t);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.music-collapse:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.music-widget-bottom{align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.music-mute-btn{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:var(--t);background:0 0;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.6rem;font-weight:700;animation:2s ease-in-out 2s 4 mutePulse;display:flex}@keyframes mutePulse{0%,to{border-color:var(--border);color:var(--text-dim)}50%{border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:var(--glow-sm)}}.music-mute-btn:hover{border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:var(--glow-sm);animation:none}.music-mute-btn.unmuted{border-color:var(--neon-green);color:var(--neon-green);animation:none;box-shadow:0 0 10px #00ff884d}.music-yt-link{font-family:var(--font-display);color:var(--text-dim);border:1px solid var(--border);letter-spacing:.08em;transition:var(--t);white-space:nowrap;padding:.35rem .5rem;font-size:.58rem;font-weight:700;text-decoration:none}.music-yt-link:hover{color:var(--neon-pink);border-color:var(--neon-pink);box-shadow:var(--glow-pink)}
