.project-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ae6;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.project-overlay.active{opacity:1;visibility:visible}.modal-content{background-color:var(--bg-card);border:2px solid var(--accent-main);border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:15px 15px #00000080;transform:scale(.9) translateY(20px);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.project-overlay.active .modal-content{transform:scale(1) translateY(0)}.modal-header{background-color:#0f172a;padding:15px 20px;border-bottom:2px solid var(--border-color);display:flex;align-items:center;position:sticky;top:0;z-index:10}.modal-close{margin-left:auto;color:var(--text-muted);font-size:1.5rem;cursor:none;transition:color .2s}.modal-close:hover{color:var(--dot-red)}.modal-body{padding:30px}.modal-image-container{width:100%;background:var(--bg-dark);border:2px solid var(--border-color);border-radius:8px;margin-bottom:25px;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:200px}.modal-image-container img{max-width:100%;max-height:400px;width:auto;height:auto;display:block;margin:0 auto;object-fit:contain;border-radius:4px}.modal-info h2{font-size:2rem;color:var(--accent-main);margin-bottom:10px}.modal-desc{color:var(--text-muted);font-size:1.1rem;margin-bottom:20px;line-height:1.8}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--accent-main)}:root{--journey-accent: #93C5FD;--journey-cyan: #BAE6FD;--journey-glow: rgba(147, 197, 253, .4);--journey-glass-bg: rgba(2, 6, 23, .45);--journey-glass-border: rgba(147, 197, 253, .15);--ease-cinematic: cubic-bezier(.16, 1, .3, 1)}@keyframes textShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes floatBreathing{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #93c5fd66,inset 0 0 5px #93c5fd33}50%{box-shadow:0 0 20px #93c5fdcc,inset 0 0 10px #93c5fd80}}@keyframes journeyFlash{0%{opacity:0;transform:scale(1.05)}15%{opacity:1;transform:scale(1)}70%{opacity:.8}to{opacity:0;transform:scale(.98)}}@keyframes journeyGlow{0%,to{box-shadow:0 0 #93c5fd00,inset 0 0 #93c5fd00}50%{box-shadow:0 0 100px #93c5fd80,inset 0 0 60px #93c5fd4d}}#journey-flash{position:fixed;inset:0;z-index:99999;background:radial-gradient(circle at center,#bae6fd99,#93c5fd4d 60%,#3b82f61a);pointer-events:none;opacity:0;animation:journeyFlash 1.5s var(--ease-cinematic) forwards}body.journey-active{animation:journeyGlow 3.5s ease-in-out .5s 1 forwards;transition:background 2s var(--ease-cinematic),color 2s var(--ease-cinematic)}#journey-petals{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:0;transition:opacity 2s var(--ease-cinematic)}#journey-petals.visible{opacity:1}#journey-petals.fading{opacity:0}#journey-quote{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 2s var(--ease-cinematic)}#journey-quote.visible{opacity:1}#journey-quote.fading{opacity:0}#journey-quote-inner{text-align:center;padding:2.5rem 3.5rem;background:var(--journey-glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--journey-glass-border);border-top-color:#ffffff1a;border-left-color:#ffffff1a;border-radius:20px;max-width:500px;box-shadow:0 30px 60px #0006,0 0 20px #93c5fd1a;transform:translateY(20px);transition:transform 2s var(--ease-cinematic)}#journey-quote.visible #journey-quote-inner{transform:translateY(0);animation:floatBreathing 4s ease-in-out 2s infinite alternate}#journey-quote-inner p{font-size:clamp(1.1rem,2.5vw,1.35rem);font-style:italic;line-height:1.8;margin:0 0 1rem;letter-spacing:.03em;background:linear-gradient(to right,var(--journey-cyan) 20%,#ffffff 50%,var(--journey-cyan) 80%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:textShimmer 4s linear infinite;text-shadow:0 2px 15px rgba(186,230,253,.3)}#journey-quote-inner span{color:var(--journey-accent);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.8}#konami-hud{position:fixed;bottom:32px;right:32px;z-index:99998;display:flex;gap:6px;align-items:center;padding:10px 14px;background:var(--journey-glass-bg);backdrop-filter:blur(12px);border:1px solid var(--journey-glass-border);border-radius:999px;box-shadow:0 10px 30px #0000004d;opacity:0;transform:translateY(15px) scale(.95);transition:all .5s var(--ease-cinematic);pointer-events:none}#konami-hud.visible{opacity:1;transform:translateY(0) scale(1)}.khud-key{width:24px;height:24px;border-radius:6px;border:1px solid rgba(147,197,253,.15);background:#02061780;display:flex;align-items:center;justify-content:center;font-size:10px;color:#93c5fd4d;font-family:Courier New,Courier,monospace;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.khud-key.done{background:#93c5fd26;border-color:var(--journey-accent);color:#fff;transform:scale(1.1);animation:pulseGlow 1.5s infinite alternate}#journey-countdown{position:fixed;bottom:32px;left:50%;transform:translate(-50%,15px);z-index:99998;padding:10px 24px;background:linear-gradient(135deg,#020617cc,#0f172acc);backdrop-filter:blur(12px);border:1px solid var(--journey-glass-border);border-radius:999px;color:var(--journey-cyan);font-size:.8rem;letter-spacing:.1em;font-weight:500;box-shadow:0 8px 20px #0000004d;opacity:0;pointer-events:none;transition:all .6s var(--ease-cinematic)}#journey-countdown.visible{opacity:1;transform:translate(-50%)}@keyframes egg-logo-react{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.18) rotate(-3deg)}45%{transform:scale(1.14) rotate(3deg)}70%{transform:scale(1.08) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes egg-meteor-fadein{0%{opacity:0}to{opacity:1}}@keyframes egg-overlay-in{0%{opacity:0}to{opacity:1}}:root{--bg-dark: #0F172A;--bg-card: #1E293B;--accent-main: #FBBF24;--accent-cyan: #2DD4BF;--text-white: #F8FAFC;--text-muted: #94A3B8;--border-color: #334155;--dot-red: #FF5F56;--dot-yellow: #FFBD2E;--dot-green: #27C93F}::selection{background-color:var(--accent-main);color:#000}::-moz-selection{background-color:var(--accent-main);color:#000}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-main)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-white);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(rgba(51,65,85,.4) 2px,transparent 2px);background-size:30px 30px;cursor:none}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9998}a{text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.25,.8,.25,1)}ul{list-style:none}h1,h2,h3,h4{font-weight:800;letter-spacing:-.5px}.container{width:90%;max-width:1100px;margin:0 auto;position:relative}section{padding:100px 0;border-bottom:2px dashed var(--border-color)}#boot-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px 10vw;font-family:Fira Code,monospace;font-size:clamp(.75rem,1.5vw,.95rem);overflow:hidden;transition:opacity .6s ease,visibility .6s ease}#boot-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.boot-line{color:#94a3b8;margin-bottom:6px;opacity:0;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.boot-line.show{opacity:1;transform:translate(0)}.boot-line .ok{color:var(--dot-green);font-weight:700}.boot-line .warn{color:var(--dot-yellow)}.boot-line .info{color:var(--accent-cyan)}.boot-line .accent{color:var(--accent-main);font-weight:700}.boot-progress-bar{position:absolute;bottom:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-main));box-shadow:0 0 12px var(--accent-main);transition:width .1s linear}#cursor-dot{position:fixed;width:8px;height:8px;background-color:var(--accent-main);border-radius:50%;pointer-events:none;z-index:99997;transform:translate(-50%,-50%);transition:transform .05s ease,background-color .2s ease,width .2s ease,height .2s ease;mix-blend-mode:difference}#cursor-ring{position:fixed;width:36px;height:36px;border:2px solid rgba(251,191,36,.5);border-radius:50%;pointer-events:none;z-index:99996;transform:translate(-50%,-50%);transition:transform .15s cubic-bezier(.25,.8,.25,1),width .2s ease,height .2s ease,border-color .2s ease,opacity .2s ease}body.cursor-hover #cursor-dot{width:12px;height:12px;background-color:var(--accent-cyan)}body.cursor-hover #cursor-ring{width:50px;height:50px;border-color:var(--accent-cyan)}body.cursor-click #cursor-dot{width:5px;height:5px}body.cursor-click #cursor-ring{width:28px;height:28px;opacity:.5}#scroll-progress{position:fixed;top:0;left:0;width:0%;height:4px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-main));z-index:9999;box-shadow:0 0 10px var(--accent-main);transition:width .1s ease}.fade-up{opacity:0;transform:translateY(40px) scale(.98);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.fade-up.visible{opacity:1;transform:translateY(0) scale(1)}.d-1{transition-delay:.1s}.d-2{transition-delay:.2s}.d-3{transition-delay:.3s}.d-4{transition-delay:.15s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}@keyframes scan-line{0%{top:-10%}to{top:110%}}@keyframes glitch-color{0%,to{color:var(--accent-main)}33%{color:var(--accent-cyan)}66%{color:var(--dot-red)}}@keyframes float-hex{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@keyframes ripple-effect{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes bounce-arrow{0%,to{transform:translateY(0) translate(-50%)}50%{transform:translateY(8px) translate(-50%)}}@keyframes stat-pop{0%{transform:scale(.5) rotate(-5deg);opacity:0}70%{transform:scale(1.15) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress-fill{0%{width:0}to{width:var(--pct)}}.glitch-hover{position:relative;display:inline-block;cursor:none}.glitch-hover:before,.glitch-hover:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-dark);opacity:0;z-index:-1}.glitch-hover:hover:before{left:2px;text-shadow:-2px 0 var(--dot-red);opacity:1;animation:glitch-anim .3s cubic-bezier(.25,.46,.45,.94) both infinite}.glitch-hover:hover:after{left:-2px;text-shadow:-2px 0 var(--accent-cyan);opacity:1;animation:glitch-anim .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite}@keyframes glitch-anim{0%{clip-path:inset(10% 0 10% 0)}20%{clip-path:inset(80% 0 5% 0)}40%{clip-path:inset(30% 0 40% 0)}60%{clip-path:inset(60% 0 15% 0)}80%{clip-path:inset(15% 0 70% 0)}to{clip-path:inset(40% 0 20% 0)}}.btn-catchy{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background-color:var(--accent-main);color:#000;font-weight:800;font-size:1.05rem;border:2px solid #000;border-radius:6px;cursor:none;position:relative;box-shadow:6px 6px 0 var(--accent-cyan);transition:all .2s cubic-bezier(.25,.8,.25,1);overflow:hidden}.btn-catchy i{transition:transform .3s ease}.btn-catchy:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--accent-cyan)}.btn-catchy:hover i{transform:translate(4px)}.btn-catchy:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--accent-cyan)}.btn-catchy .ripple-span{position:absolute;border-radius:50%;background:#ffffff59;width:60px;height:60px;margin-top:-30px;margin-left:-30px;pointer-events:none;animation:ripple-effect .5s ease-out forwards}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:3rem;position:relative;display:inline-block;z-index:1;text-transform:uppercase}.section-title:before{content:"";position:absolute;left:-10px;bottom:5px;width:100%;height:40%;background-color:var(--accent-main);z-index:-1;opacity:.8;transform:skew(-10deg);transition:height .3s ease}.section-title:hover:before{height:60%}.tag-solid{padding:6px 14px;background-color:var(--bg-dark);color:var(--text-white);font-weight:600;font-size:.85rem;border:2px solid var(--border-color);border-radius:6px;display:inline-flex;align-items:center;gap:6px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:visible;cursor:none}.tag-solid:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-4px) rotate(-1deg);box-shadow:4px 4px #2dd4bf33}.tag-solid[data-hex]:after{content:"0x" attr(data-hex);position:absolute;top:-30px;right:-10px;font-family:Fira Code,monospace;font-size:.7rem;font-weight:700;color:#000;background-color:var(--accent-main);padding:2px 6px;border:1px solid #000;border-radius:4px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.tag-solid[data-hex]:hover:after{opacity:1;transform:translateY(0)}header{position:fixed;top:0;left:0;width:100%;padding:20px 0;background-color:#0f172ad9;backdrop-filter:blur(10px);border-bottom:2px solid transparent;z-index:1000;transition:all .3s ease}header.scrolled{padding:12px 0;border-bottom-color:var(--border-color);box-shadow:0 10px 30px #00000080}header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:800;cursor:none;position:relative}.logo span{color:var(--accent-main)}.logo:after{content:"";position:absolute;top:4px;right:-14px;width:8px;height:8px;background:var(--dot-green);border-radius:50%;box-shadow:0 0 8px var(--dot-green);animation:blink 2s ease-in-out infinite}.nav-links{display:flex;gap:2.5rem}.nav-links a{font-weight:600;color:var(--text-muted);position:relative;padding:5px 0;cursor:none}.nav-links a:after{content:"_";position:absolute;right:-14px;bottom:4px;color:var(--accent-main);font-weight:800;opacity:0;transition:.1s}.nav-links a:hover,.nav-links a.active{color:var(--text-white)}.nav-links a:hover:after,.nav-links a.active:after{opacity:1;animation:blink 1s step-end infinite}.menu-toggle{display:none;font-size:2.5rem;color:var(--text-white);cursor:none;z-index:1001}.kbd-hint{font-family:Fira Code,monospace;font-size:.7rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;cursor:none;transition:all .2s ease;user-select:none}.kbd-hint:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}#hero{min-height:90vh;display:flex;align-items:center;padding-top:80px;border-bottom:none;position:relative;overflow:hidden}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.35}.hero-content{position:relative;z-index:1}.hero-title{font-size:clamp(3.5rem,8vw,6rem);line-height:1;margin:1rem 0 2rem;letter-spacing:-2px}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:Fira Code,monospace;font-size:.7rem;color:var(--text-muted);z-index:5;animation:bounce-arrow 2s ease-in-out infinite}.scroll-indicator i{font-size:1.5rem;color:var(--accent-main)}.terminal-window{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;max-width:650px;margin-bottom:3rem;box-shadow:12px 12px #0006;animation:float 6s ease-in-out infinite;transition:border-color .3s ease;position:relative}.terminal-window:hover{border-color:var(--accent-cyan)}.terminal-window:after{content:"";position:absolute;top:-10%;left:0;width:100%;height:30px;background:linear-gradient(transparent,rgba(45,212,191,.05),transparent);pointer-events:none;opacity:0;transition:opacity .3s}.terminal-window:hover:after{opacity:1;animation:scan-line 2s linear infinite}.terminal-header{background-color:#0f172a;padding:12px 15px;display:flex;align-items:center;border-bottom:2px solid var(--border-color)}.term-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;transition:.2s;position:relative;overflow:hidden;cursor:none}.dot:before{position:absolute;font-size:8px;font-weight:800;color:#0009;opacity:0;transition:opacity .2s ease}.term-dots:hover .dot:before{opacity:1}.dot:hover{filter:brightness(1.2);transform:scale(1.1)}.dot.red{background-color:var(--dot-red)}.dot.red:before{content:"x";margin-bottom:1px}.dot.yellow{background-color:var(--dot-yellow)}.dot.yellow:before{content:"-";margin-bottom:1px}.dot.green{background-color:var(--dot-green)}.dot.green:before{content:"+";margin-bottom:1px}.term-title{margin:0 auto;font-family:Inter,sans-serif;font-size:.85rem;color:var(--text-muted);font-weight:600;padding-right:40px}.terminal-body{padding:20px;font-family:Fira Code,monospace;font-size:1.1rem;color:var(--text-white);min-height:80px}.prompt{color:var(--accent-cyan);font-weight:700;margin-right:10px}.typing-cursor{display:inline-block;width:10px;height:20px;background-color:var(--accent-main);vertical-align:middle;animation:blink 1s step-end infinite}.marquee-container{width:100%;background-color:var(--accent-main);color:#000;padding:15px 0;overflow:hidden;border-top:2px solid #000;border-bottom:2px solid #000;display:flex;white-space:nowrap;transform:rotate(-1deg);margin:20px 0 60px;position:relative;z-index:10}.marquee-container:hover .marquee-content{animation-play-state:paused}.marquee-content{display:flex;gap:3rem;font-weight:800;font-size:1.2rem;text-transform:uppercase;animation:scroll-left 25s linear infinite}.marquee-content span{display:flex;align-items:center;gap:10px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.about-card{background-color:var(--bg-card);padding:3rem;border:2px solid var(--border-color);border-radius:12px;box-shadow:8px 8px 0 var(--border-color);transition:all .3s cubic-bezier(.25,.8,.25,1);transform-style:preserve-3d;position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(251,191,36,.06) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s ease}.about-card:hover:before{opacity:1}.about-card:hover{border-color:var(--accent-main);box-shadow:12px 12px 0 var(--accent-main);transform:translateY(-5px)}.about-text p{font-size:1.1rem;color:var(--text-muted);margin-bottom:1.5rem}.skill-category{margin-top:2rem}.skill-category h4{margin-bottom:1rem;color:var(--accent-cyan);display:flex;align-items:center;gap:8px}.tags-wrapper{display:flex;flex-wrap:wrap;gap:10px}.skill-timeline{margin-top:1.5rem}.skill-tl-axis{display:flex;justify-content:space-between;font-family:Fira Code,monospace;font-size:.62rem;color:var(--border-color);font-weight:700;letter-spacing:.5px;padding:0 0 6px 90px;border-bottom:1px dashed var(--border-color);margin-bottom:10px}.skill-tl-rows{display:flex;flex-direction:column;gap:12px}.skill-tl-row{display:flex;align-items:center;gap:10px}.skill-tl-name{font-size:.78rem;font-weight:700;color:var(--text-muted);width:82px;flex-shrink:0;white-space:nowrap}.skill-tl-bar-wrap{flex:1;height:6px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:3px;position:relative;overflow:visible}.skill-tl-bar{position:absolute;top:-1px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-main));box-shadow:0 0 8px #fbbf244d;left:var(--tl-from);width:0;transition:width 1.2s cubic-bezier(.34,1.1,.64,1)}.skill-tl-bar.learning{background:linear-gradient(90deg,var(--text-muted),var(--accent-cyan));box-shadow:0 0 6px #2dd4bf33}.skill-tl-dot{position:absolute;width:9px;height:9px;border-radius:50%;top:50%;transform:translateY(-50%);border:2px solid var(--bg-dark)}.skill-tl-dot.start{left:0;background:var(--accent-cyan)}.skill-tl-dot.end{right:0;background:var(--bg-dark);border-color:var(--border-color);opacity:0;transition:opacity .3s ease 1s}.skill-tl-dot.end.active{background:var(--accent-main);border-color:var(--accent-main);box-shadow:0 0 6px var(--accent-main);animation:blink 2s ease-in-out infinite}.skill-tl-dot.end.learning{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.skill-tl-bar.animated .skill-tl-dot.end{opacity:1}.skill-tl-tag{font-family:Fira Code,monospace;font-size:.58rem;font-weight:700;letter-spacing:1px;padding:2px 6px;border-radius:3px;border:1px solid var(--accent-main);color:var(--accent-main);background:#fbbf2412;white-space:nowrap;flex-shrink:0}.skill-tl-tag.learning{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#2dd4bf12}.stats-strip{padding:60px 0;border-bottom:2px dashed var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-item{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);opacity:0}.stat-item.popped{animation:stat-pop .6s cubic-bezier(.34,1.56,.64,1) forwards}.stat-item:hover{border-color:var(--accent-main);box-shadow:8px 8px 0 var(--accent-main);transform:translateY(-4px)}.stat-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-main))}.stat-num{font-family:Fira Code,monospace;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;background:linear-gradient(135deg,var(--accent-main),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.stat-label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.stat-icon{font-size:1.5rem;color:var(--border-color);margin-bottom:12px;transition:color .3s ease,transform .3s ease}.stat-item:hover .stat-icon{color:var(--accent-main);transform:scale(1.2) rotate(10deg)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.project-card{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;box-shadow:8px 8px #00000080;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;transform-style:preserve-3d;position:relative}.project-card:hover{transform:translate(-8px,-8px);border-color:var(--accent-main);box-shadow:16px 16px 0 var(--accent-main)}.p-header{height:180px;background-color:var(--bg-dark);border-bottom:2px solid var(--border-color);display:flex;justify-content:center;align-items:center;font-size:4rem;color:var(--text-muted);transition:all .4s ease;position:relative}.project-card:hover .p-header{color:var(--accent-cyan);border-bottom-color:var(--accent-main);background-color:#0b111e;box-shadow:inset 0 0 40px #2dd4bf26}.p-header i{transition:all .3s ease;filter:drop-shadow(0 0 0px transparent)}.project-card:hover .p-header i{animation:mechanical-boot .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes mechanical-boot{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0px transparent)}30%{transform:scale(.8) rotate(-15deg);filter:drop-shadow(0 0 5px var(--accent-cyan));color:var(--text-white)}60%{transform:scale(1.35) rotate(20deg);filter:drop-shadow(0 0 25px var(--accent-cyan));color:var(--accent-cyan)}80%{transform:scale(1.1) rotate(-5deg);filter:drop-shadow(0 0 10px var(--accent-cyan))}to{transform:scale(1.2) rotate(0);filter:drop-shadow(0 0 15px var(--accent-cyan));color:var(--accent-cyan)}}.p-badge{position:absolute;top:12px;right:12px;font-family:Fira Code,monospace;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:4px;border:1px solid;text-transform:uppercase;letter-spacing:1px}.p-badge.active{background:#27c93f26;color:var(--dot-green);border-color:var(--dot-green)}.p-badge.wip{background:#ffbd2e26;color:var(--dot-yellow);border-color:var(--dot-yellow)}.p-badge.done{background:#2dd4bf26;color:var(--accent-cyan);border-color:var(--accent-cyan)}.p-body{padding:2rem;flex-grow:1;z-index:2;background-color:var(--bg-card)}.p-body h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-white);transition:color .3s}.project-card:hover .p-body h3{color:var(--accent-main)}.p-body p{color:var(--text-muted);line-height:1.5;margin-bottom:1rem}.p-tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1.2rem}.p-tech-tag{font-family:Fira Code,monospace;font-size:.7rem;font-weight:700;color:var(--accent-cyan);background:#2dd4bf14;border:1px solid rgba(45,212,191,.25);border-radius:4px;padding:2px 8px}.p-links{display:flex;gap:10px;margin-top:auto}.p-link{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;color:var(--text-muted);border:1px solid var(--border-color);border-radius:5px;padding:5px 10px;transition:all .2s ease;cursor:none}.p-link:hover{color:var(--accent-main);border-color:var(--accent-main)}.p-link i{font-size:1rem}#contact{border-bottom:none}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem}.contact-info p{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem}.social-box{display:flex;flex-direction:column;gap:1rem}.s-link{display:flex;align-items:center;gap:15px;padding:15px 20px;background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;font-weight:700;color:var(--text-white);transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:none;position:relative;overflow:hidden}.s-link i{font-size:1.8rem;color:var(--accent-main);transition:transform .3s ease;flex-shrink:0}.s-link:hover{border-color:var(--accent-cyan);background-color:var(--bg-dark);transform:translate(10px);box-shadow:-4px 4px 0 var(--accent-cyan)}.s-link:hover i{transform:scale(1.2);color:var(--accent-cyan)}.s-link .copy-label{margin-left:auto;font-family:Fira Code,monospace;font-size:.7rem;color:var(--text-muted);opacity:0;transition:opacity .2s ease;white-space:nowrap}.s-link:hover .copy-label{opacity:1}.s-link .copied-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#27c93f26;display:flex;align-items:center;justify-content:center;color:var(--dot-green);font-weight:800;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.form-container{background-color:var(--bg-card);padding:3rem;border:2px solid var(--border-color);border-radius:12px;box-shadow:8px 8px 0 var(--border-color);transition:box-shadow .3s ease,border-color .3s ease}.form-container:focus-within{box-shadow:12px 12px 0 var(--accent-main);border-color:var(--accent-main)}.form-group{margin-bottom:1.5rem;position:relative}.form-group textarea{resize:none}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--accent-cyan);font-size:.9rem;letter-spacing:1px}.form-input{width:100%;padding:15px;background-color:var(--bg-dark);border:2px solid var(--border-color);border-radius:6px;color:var(--text-white);font-family:inherit;font-size:1rem;transition:all .3s ease;cursor:none}.form-input:focus{outline:none;border-color:var(--accent-main);box-shadow:4px 4px 0 var(--accent-main);transform:translateY(-2px)}.char-counter{position:absolute;bottom:12px;right:12px;font-family:Fira Code,monospace;font-size:.65rem;color:var(--text-muted);pointer-events:none}.char-counter.warn{color:var(--dot-yellow)}.cursor-trail{position:fixed;width:5px;height:5px;border-radius:50%;background:var(--accent-main);pointer-events:none;z-index:99994;transform:translate(-50%,-50%);opacity:.6;transition:opacity .5s ease}body.light-mode{--bg-dark: #F1F5F9;--bg-card: #FFFFFF;--text-white: #0F172A;--text-muted: #475569;--border-color: #CBD5E1;background-image:radial-gradient(rgba(148,163,184,.4) 2px,transparent 2px)}body.light-mode #hero-canvas{opacity:.15}body.light-mode .glitch-hover:before,body.light-mode .glitch-hover:after{background:var(--bg-dark)}body.light-mode .terminal-body{background:#f8fafc}body.light-mode .form-input{background:#f8fafc;color:var(--text-white)}body.light-mode header{background-color:#f1f5f9e6}body.light-mode footer{background:#fff}body.light-mode .marquee-container{background:var(--accent-main)}#theme-toggle{position:fixed;bottom:90px;right:30px;width:48px;height:48px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--text-muted);cursor:none;z-index:500;box-shadow:4px 4px 0 var(--border-color);transition:all .3s cubic-bezier(.25,.8,.25,1)}#theme-toggle:hover{border-color:var(--accent-main);color:var(--accent-main);box-shadow:4px 4px 0 var(--accent-main);transform:translate(-2px,-2px)}.nav-indicator{position:absolute;bottom:-2px;height:2px;background:var(--accent-main);box-shadow:0 0 8px var(--accent-main);border-radius:2px;transition:left .35s cubic-bezier(.34,1.2,.64,1),width .35s cubic-bezier(.34,1.2,.64,1);pointer-events:none}.section-title-wrap{position:relative;display:inline-block}.burst-particle{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;animation:burst-fly .6s ease-out forwards}@keyframes burst-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--bx),var(--by)) scale(0);opacity:0}}#toast-container{position:fixed;bottom:160px;right:30px;display:flex;flex-direction:column;gap:10px;z-index:8000;pointer-events:none}.toast{background:var(--bg-card);border:2px solid var(--border-color);border-left:4px solid var(--accent-main);border-radius:8px;padding:12px 16px;font-family:Fira Code,monospace;font-size:.8rem;color:var(--text-white);box-shadow:6px 6px #0000004d;opacity:0;transform:translate(30px);transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;min-width:220px}.toast.show{opacity:1;transform:translate(0)}.toast .toast-title{color:var(--accent-main);font-weight:700;margin-bottom:2px}.toast .toast-body{color:var(--text-muted)}#back-to-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;background-color:var(--accent-main);color:#000;border:2px solid #000;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:none;box-shadow:4px 4px 0 var(--accent-cyan);transition:all .3s cubic-bezier(.25,.8,.25,1);opacity:0;transform:translateY(20px);z-index:500}#back-to-top.visible{opacity:1;transform:translateY(0)}#back-to-top:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent-cyan)}#back-to-top:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--accent-cyan)}#cmd-palette{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(8px);z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .2s ease}#cmd-palette.open{opacity:1;visibility:visible}.cmd-box{background:var(--bg-card);border:2px solid var(--accent-main);border-radius:12px;width:90%;max-width:550px;box-shadow:16px 16px #fbbf2433,0 0 60px #fbbf241a;overflow:hidden}.cmd-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.cmd-header i{color:var(--accent-main);font-size:1.2rem}#cmd-input{background:none;border:none;outline:none;color:var(--text-white);font-family:Fira Code,monospace;font-size:1rem;flex:1;cursor:none}#cmd-input::placeholder{color:var(--text-muted)}.cmd-results{padding:8px;max-height:320px;overflow-y:auto}.cmd-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:none;transition:background .15s ease;color:var(--text-white)}.cmd-item:hover,.cmd-item.selected{background:#fbbf241a}.cmd-item i{color:var(--accent-cyan);font-size:1.1rem;width:20px;text-align:center}.cmd-item-label{flex:1;font-weight:600}.cmd-item-kbd{font-family:Fira Code,monospace;font-size:.7rem;color:var(--text-muted);background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px}.cmd-section-label{padding:8px 16px 4px;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.cmd-footer{padding:10px 20px;border-top:1px solid var(--border-color);display:flex;gap:20px;font-family:Fira Code,monospace;font-size:.7rem;color:var(--text-muted)}.cmd-footer span{display:flex;align-items:center;gap:5px}footer{background-color:var(--bg-card);border-top:2px solid var(--border-color);position:relative}.footer-accent-bar{height:4px;background:var(--accent-main);box-shadow:0 0 20px #fbbf2466}.footer-inner{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:3rem;padding:3.5rem 0 2rem;border-bottom:2px dashed var(--border-color)}.footer-logo-wrap{display:flex;align-items:baseline;gap:12px;margin-bottom:1rem}.footer-logo{font-size:2rem;font-weight:800;letter-spacing:-1px;display:inline-block}.footer-logo span{color:var(--accent-main)}.footer-logo-tag{font-family:Fira Code,monospace;font-size:.65rem;font-weight:700;color:var(--accent-cyan);background:#2dd4bf14;border:1px solid rgba(45,212,191,.25);border-radius:4px;padding:2px 8px;white-space:nowrap}.footer-bio{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.4rem}.footer-avail{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--dot-green);background:#27c93f14;border:1px solid rgba(39,201,63,.25);border-radius:6px;padding:7px 14px;box-shadow:3px 3px #27c93f26}.footer-avail-dot{width:7px;height:7px;background:var(--dot-green);border-radius:50%;box-shadow:0 0 6px var(--dot-green);animation:blink 2s ease-in-out infinite;flex-shrink:0}.footer-col-label{display:block;font-family:Fira Code,monospace;font-size:.65rem;font-weight:700;color:var(--accent-main);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.2rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-color)}.footer-nav{display:flex;flex-direction:column;gap:4px}.footer-nav-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:6px;color:var(--text-muted);font-weight:600;font-size:.9rem;transition:all .2s ease;cursor:none;border:1px solid transparent}.footer-nav-item i{color:var(--accent-main);transition:transform .2s ease;font-size:1rem}.footer-nav-item:hover{color:var(--text-white);background:var(--bg-dark);border-color:var(--border-color);box-shadow:3px 3px 0 var(--accent-main);transform:translate(-2px)}.footer-nav-item:hover i{transform:translate(4px)}.footer-socials{display:flex;flex-direction:column;gap:8px}.footer-soc-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-dark);border:2px solid var(--border-color);border-radius:8px;cursor:none;transition:all .25s cubic-bezier(.25,.8,.25,1);box-shadow:4px 4px 0 var(--border-color)}.footer-soc-card:hover{border-color:var(--accent-main);box-shadow:4px 4px 0 var(--accent-main);transform:translate(-2px,-2px)}.footer-soc-icon{width:36px;height:36px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.footer-soc-icon i{font-size:1.2rem;color:var(--accent-main);transition:color .2s}.footer-soc-card:hover .footer-soc-icon{background:var(--accent-main);border-color:var(--accent-main)}.footer-soc-card:hover .footer-soc-icon i{color:#000}.footer-soc-info{display:flex;flex-direction:column;gap:1px;flex:1}.footer-soc-name{font-size:.78rem;font-weight:700;color:var(--text-white)}.footer-soc-handle{font-family:Fira Code,monospace;font-size:.7rem;color:var(--text-muted)}.footer-soc-arrow{font-size:1rem;color:var(--text-muted);flex-shrink:0;transition:color .2s,transform .2s}.footer-soc-card:hover .footer-soc-arrow{color:var(--accent-main);transform:translate(2px,-2px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;flex-wrap:wrap;gap:1rem}.footer-copy{font-size:.82rem;color:var(--text-muted)}.footer-bottom-tags{display:flex;gap:8px;flex-wrap:wrap}.footer-tag{font-family:Fira Code,monospace;font-size:.68rem;font-weight:700;color:var(--text-muted);background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;padding:3px 8px}footer a{cursor:none}.shimmer-text{background:linear-gradient(90deg,var(--text-muted) 0%,var(--accent-main) 50%,var(--text-muted) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@media(max-width:900px){.about-grid,.contact-layout{grid-template-columns:1fr;gap:2.5rem}.terminal-window{max-width:100%}.about-card,.form-container{padding:2rem}.menu-toggle{display:none}.kbd-hint{display:inline-flex!important;cursor:pointer}.nav-links li:not(.kbd-item){display:none}.nav-links.active{max-height:400px;opacity:1;padding-top:64px}.nav-links li span{padding:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}#cursor-dot,#cursor-ring{display:none}body{cursor:auto}.btn-catchy,.tag-solid,a,button,.s-link,.p-link,.cmd-item,.logo,.menu-toggle,.nav-links a,.dot{cursor:pointer}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}