:root{--bg: #0a0a0f;--bg-card: #12121a;--border: #1e1e2e;--text: #e0e0e8;--muted: #555570;--green: #00ff88;--cyan: #00d4ff;--pink: #ff2d6b;--yellow: #ffe14d;--font-display: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{font-family:var(--font-mono);background:var(--bg);color:var(--text);overflow-x:hidden;overscroll-behavior-x:none;min-height:100vh;max-width:100%}#root{overflow-x:hidden;max-width:100%}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.015) 2px,rgba(0,255,136,.015) 4px);pointer-events:none;z-index:9999}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,136,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s ease,visibility .8s ease}.boot-screen.done{opacity:0;visibility:hidden}.boot-text{font-family:var(--font-mono);font-size:.85rem;color:var(--green);text-align:left;max-width:500px;width:90%;line-height:1.8}.boot-text .dim{color:var(--muted)}.boot-text .cyan{color:var(--cyan)}.boot-cursor{display:inline-block;width:8px;height:15px;background:var(--green);animation:blink .8s step-end infinite;vertical-align:text-bottom;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.boot-bar{width:300px;height:3px;background:var(--border);border-radius:2px;margin-top:20px;overflow:hidden;opacity:0;transition:opacity .3s}.boot-bar.visible{opacity:1}.boot-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));width:0%;border-radius:2px;transition:width .1s linear;box-shadow:0 0 12px var(--green)}.profile-card-wrapper{perspective:1200px}.profile-card{transform-style:preserve-3d;transition:transform .1s ease-out;will-change:transform;position:relative}.profile-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(135deg,var(--green),var(--cyan),var(--pink),var(--green));background-size:300% 300%;animation:borderGlow 4s ease infinite;z-index:-1;opacity:.6}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-card-inner{background:var(--bg-card);border-radius:16px;padding:2.5rem;position:relative;overflow:hidden}.profile-card-inner:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(180deg,rgba(0,255,136,.04),transparent);pointer-events:none}.avatar-3d{width:120px;height:120px;border-radius:50%;padding:3px;background:conic-gradient(var(--cyan),#00e5ff,#00b8d4,var(--cyan));position:relative}.avatar-3d img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg-card)}.avatar-3d:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid rgba(0,255,136,.2);animation:pingRing 2s ease-out infinite}@keyframes pingRing{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.3);opacity:0}}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{color:var(--cyan);animation:glitch1 3s infinite;clip-path:inset(0 0 60% 0)}.glitch:after{color:var(--pink);animation:glitch2 3s infinite;clip-path:inset(40% 0 0 0)}@keyframes glitch1{0%,90%,to{transform:translate(0)}92%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-2px)}}@keyframes glitch2{0%,88%,to{transform:translate(0)}90%{transform:translate(3px,1px)}93%{transform:translate(-3px,-1px)}96%{transform:translate(2px)}}.floating-shapes{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.shape{position:absolute;transform-style:preserve-3d;animation:floatShape 20s ease-in-out infinite}@keyframes floatShape{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}25%{transform:translateY(-30px) rotateX(90deg) rotateY(45deg)}50%{transform:translateY(-10px) rotateX(180deg) rotateY(90deg)}75%{transform:translateY(-40px) rotateX(270deg) rotateY(135deg)}}.cube{width:30px;height:30px;transform-style:preserve-3d}.cube .face{position:absolute;width:30px;height:30px;border:1px solid;opacity:.15}.cube .front{transform:translateZ(15px)}.cube .back{transform:translateZ(-15px) rotateY(180deg)}.cube .left{transform:translate(-15px) rotateY(-90deg)}.cube .right{transform:translate(15px) rotateY(90deg)}.cube .top{transform:translateY(-15px) rotateX(90deg)}.cube .bottom{transform:translateY(15px) rotateX(-90deg)}.skill-hex{width:90px;height:90px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:.6rem;font-weight:600;text-align:center;position:relative;transition:all .3s ease;cursor:default;background:var(--bg-card);border:none}.skill-hex:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:-1}.skill-hex:hover{transform:scale(1.15) translateY(-5px);z-index:2}.skill-hex .hex-icon{font-size:1.3rem;margin-bottom:4px}.skill-hex .hex-label{font-size:.55rem;color:var(--muted);font-family:var(--font-mono)}.hex-green{color:var(--green)}.hex-green:before{background:#00ff8814;border:1px solid rgba(0,255,136,.2)}.hex-green:hover{box-shadow:0 0 25px #0f83}.hex-cyan{color:var(--cyan)}.hex-cyan:before{background:#00d4ff14;border:1px solid rgba(0,212,255,.2)}.hex-cyan:hover{box-shadow:0 0 25px #00d4ff33}.hex-pink{color:var(--pink)}.hex-pink:before{background:#ff2d6b14;border:1px solid rgba(255,45,107,.2)}.hex-pink:hover{box-shadow:0 0 25px #ff2d6b33}.hex-yellow{color:var(--yellow)}.hex-yellow:before{background:#ffe14d14;border:1px solid rgba(255,225,77,.2)}.hex-yellow:hover{box-shadow:0 0 25px #ffe14d33}.holo-card{perspective:800px;cursor:pointer}.holo-card-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transform-style:preserve-3d;transition:transform .15s ease-out,border-color .3s,box-shadow .3s;position:relative;overflow:hidden;height:100%}.holo-card-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 30%,rgba(0,255,136,.03) 45%,rgba(0,212,255,.05) 55%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.holo-card:hover .holo-card-inner{border-color:#00ff884d;box-shadow:0 0 30px #00ff8814,0 20px 40px #0006}.holo-card:hover .holo-card-inner:before{opacity:1}.lang-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.stat-num{font-family:var(--font-display);font-weight:800;font-size:2rem;line-height:1}.section-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem}.section-title{font-family:var(--font-display);font-weight:700;font-size:1.6rem;line-height:1.3}.nav-dots{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:100}.nav-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--muted);background:transparent;cursor:pointer;transition:all .3s;padding:0}.nav-dot.active{background:var(--green);border-color:var(--green);box-shadow:0 0 10px #0f86}.nav-dot:hover{border-color:var(--green)}.power-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;position:relative}.power-bar-fill{height:100%;border-radius:3px;width:0%;transition:width 1.5s cubic-bezier(.25,.46,.45,.94);position:relative}.power-bar-fill:after{content:"";position:absolute;right:0;top:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:barShine 2s ease-in-out infinite}@keyframes barShine{0%,to{opacity:0}50%{opacity:1}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.project-tag{display:inline-block;font-size:.65rem;font-family:var(--font-mono);color:var(--muted);padding:3px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);transition:all .2s}.project-tag:hover{border-color:#00ff884d;color:var(--green)}.about-paragraph{color:var(--text);font-size:.88rem;line-height:1.85;opacity:.85;padding-left:1rem;border-left:2px solid var(--border)}.about-highlight{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1rem;transition:all .25s}.about-highlight:hover{border-color:#00ff884d;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.edu-node{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;z-index:1}.edu-card{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;transition:all .25s}.edu-card:hover{border-color:#00ff8840;transform:translate(4px)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#222;border-radius:3px}*:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 640px){.nav-dots{right:.75rem;gap:12px}.nav-dot{width:8px;height:8px}.skill-hex{width:70px;height:70px}.skill-hex .hex-icon{font-size:1rem}.stat-num{font-size:1.5rem}.profile-card-inner{padding:1.5rem}}@keyframes barGrow{to{width:var(--w)}}