:root,[data-theme=dark]{--bg: #030508;--bg2: #070c14;--bg3: #0d1421;--surface: #0f1929;--surface2: #152035;--border: rgba(0,212,255,.12);--border-hover: rgba(0,212,255,.35);--text: #e2f0ff;--text2: #8ba8cc;--muted: #4a6080;--accent: #00d4ff;--accent2: #ff6b35;--accent3: #00ff9d;--accent4: #bf00ff;--accent-dim: rgba(0,212,255,.1);--accent2-dim: rgba(255,107,53,.1);--accent3-dim: rgba(0,255,157,.1);--accent4-dim: rgba(191,0,255,.1);--nav-bg: rgba(3,5,8,.92);--nav-border: rgba(0,212,255,.1);--card-bg: #0a1220;--card-border: rgba(0,212,255,.1);--grid-color: rgba(0,212,255,.04);--shadow: 0 4px 24px rgba(0,0,0,.6);--shadow-lg: 0 8px 48px rgba(0,0,0,.8);--glow: 0 0 20px rgba(0,212,255,.15);--glow-strong: 0 0 40px rgba(0,212,255,.3);--radius: 6px;--radius-sm: 4px;--radius-lg: 10px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace}[data-theme=light]{--bg: #f9fbfd;--bg2: #f1f5fa;--bg3: #e9f0f7;--surface: #ffffff;--surface2: #f6f9fc;--border: rgba(0,80,160,.16);--border-hover: rgba(0,80,160,.32);--text: #0b1420;--text2: #334155;--muted: #64748b;--accent: #0052cc;--accent2: #d85e2c;--accent3: #00672b;--accent4: #6d24d9;--accent-dim: rgba(0,82,204,.1);--accent2-dim: rgba(216,94,44,.1);--accent3-dim: rgba(0,103,43,.1);--accent4-dim: rgba(109,36,217,.1);--nav-bg: rgba(255,255,255,.96);--nav-border: rgba(0,80,160,.14);--card-bg: #ffffff;--card-border: rgba(0,80,160,.13);--grid-color: rgba(0,80,160,.05);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.05);--shadow-lg: 0 4px 16px rgba(0,0,0,.08), 0 12px 32px rgba(0,0,0,.06);--glow: 0 0 14px rgba(0,82,204,.15);--glow-strong: 0 0 28px rgba(0,82,204,.28);--radius: 6px;--radius-sm: 4px;--radius-lg: 10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #00ff9db3}50%{box-shadow:0 0 0 8px #00ff9d00}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glitch{0%{clip-path:inset(40% 0 61% 0);transform:skew(-.1deg)}20%{clip-path:inset(92% 0 1% 0);transform:skew(.3deg)}40%{clip-path:inset(43% 0 1% 0);transform:skew(-.2deg)}60%{clip-path:inset(25% 0 58% 0);transform:skew(.1deg)}80%{clip-path:inset(54% 0 7% 0);transform:skew(.2deg)}to{clip-path:inset(58% 0 43% 0);transform:skew(-.1deg)}}@keyframes neonPulse{0%,to{opacity:1;text-shadow:0 0 10px var(--accent),0 0 20px var(--accent),0 0 40px var(--accent)}50%{opacity:.85;text-shadow:0 0 5px var(--accent),0 0 10px var(--accent)}}@keyframes borderGlow{0%,to{border-color:#00d4ff33;box-shadow:0 0 10px #00d4ff0d}50%{border-color:#00d4ff80;box-shadow:0 0 25px #00d4ff26}}@keyframes slideRight{0%{width:0}to{width:100%}}@keyframes rotateCircuit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes dataStream{0%{transform:translateY(0);opacity:.5}to{transform:translateY(-100%);opacity:0}}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4}}@keyframes cornerPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes revealSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.95);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes textFadeSlide{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes titleGlow{0%,to{text-shadow:0 0 10px rgba(0,212,255,.3)}50%{text-shadow:0 0 20px rgba(0,212,255,.6),0 0 30px rgba(0,212,255,.4)}}@keyframes imageTilt{0%,to{transform:scale(1) perspective(1000px) rotateX(0) rotateY(0)}50%{transform:scale(1.02) perspective(1000px) rotateX(1deg) rotateY(1deg)}}@keyframes statPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes borderFlow{0%{border-color:#00d4ff33}50%{border-color:#00d4ff99}to{border-color:#00d4ff33}}@keyframes techSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes summaryFade{0%{opacity:0}to{opacity:1}}@keyframes modalHeaderSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalDescriptionFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes numberCountGlow{0%{color:var(--accent);text-shadow:0 0 10px rgba(0,212,255,.3);transform:scale(.9)}50%{color:var(--accent3);text-shadow:0 0 20px rgba(0,255,157,.5),0 0 30px rgba(0,212,255,.4);transform:scale(1.1)}to{color:var(--accent);text-shadow:0 0 10px rgba(0,212,255,.3);transform:scale(1)}}@keyframes colorShift{0%{color:var(--accent);text-shadow:0 0 10px rgba(0,212,255,.3)}25%{color:var(--accent3);text-shadow:0 0 15px rgba(0,255,157,.5)}50%{color:var(--accent2);text-shadow:0 0 15px rgba(255,107,53,.5)}75%{color:var(--accent4);text-shadow:0 0 15px rgba(191,0,255,.5)}to{color:var(--accent);text-shadow:0 0 10px rgba(0,212,255,.3)}}@keyframes featureSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes featureBulletPulse{0%,to{transform:scale(1);color:var(--accent)}50%{transform:scale(1.3);color:var(--accent3)}}@keyframes linkHoverGlow{0%,to{box-shadow:0 0 10px #00d4ff4d}50%{box-shadow:0 0 25px #00d4ffb3,0 0 40px #00ff9d4d}}@keyframes statBoxBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes textGlitch{0%{text-shadow:2px 2px 0px var(--accent3),-2px -2px 0px var(--accent4)}25%{text-shadow:-2px 2px 0px var(--accent4),2px -2px 0px var(--accent3)}50%{text-shadow:2px -2px 0px var(--accent),-2px 2px 0px var(--accent2)}75%{text-shadow:-2px -2px 0px var(--accent2),2px 2px 0px var(--accent)}to{text-shadow:2px 2px 0px var(--accent3),-2px -2px 0px var(--accent4)}}@keyframes labelColorCycle{0%{color:var(--accent)}33%{color:var(--accent3)}66%{color:var(--accent4)}to{color:var(--accent)}}@keyframes aboutAccentPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px currentColor)}50%{transform:scale(1.05);filter:drop-shadow(0 0 12px currentColor)}}@keyframes aboutAccentColorShift{0%{color:var(--accent);text-shadow:0 0 10px rgba(0,212,255,.3)}50%{color:var(--accent3);text-shadow:0 0 15px rgba(0,255,157,.5)}to{color:var(--accent);text-shadow:0 0 10px rgba(0,212,255,.3)}}@keyframes aboutVerbBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes aboutHighlightGlow{0%,to{color:var(--accent2);text-shadow:0 0 8px rgba(255,107,53,.3);font-weight:700}50%{color:var(--accent2);text-shadow:0 0 20px rgba(255,107,53,.6),0 0 30px rgba(255,107,53,.2);font-weight:700}}@keyframes wordSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingAnimation{0%{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes heroQuoteType{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes heroQuoteGlow{0%,to{text-shadow:0 0 15px rgba(0,212,255,.3);filter:brightness(1)}50%{text-shadow:0 0 25px rgba(0,212,255,.6),0 0 40px rgba(191,0,255,.3);filter:brightness(1.1)}}@keyframes linkColorCycle{0%,to{color:var(--accent);text-shadow:0 0 10px rgba(0,212,255,.3)}50%{color:var(--accent);text-shadow:0 0 15px rgba(0,212,255,.5)}}@keyframes linkColorCycleGreen{0%,to{color:var(--accent3);text-shadow:0 0 10px rgba(0,255,157,.3)}50%{color:var(--accent3);text-shadow:0 0 15px rgba(0,255,157,.5)}}@keyframes linkColorCyclePurple{0%,to{color:var(--accent4);text-shadow:0 0 10px rgba(191,0,255,.3)}50%{color:var(--accent4);text-shadow:0 0 15px rgba(191,0,255,.5)}}@keyframes linkColorCycleOrange{0%,to{color:var(--accent2);text-shadow:0 0 10px rgba(255,107,53,.3)}50%{color:var(--accent2);text-shadow:0 0 15px rgba(255,107,53,.5)}}@keyframes cyanGlow{0%,to{box-shadow:0 0 15px #00d4ff80,0 0 30px #00d4ff33}50%{box-shadow:0 0 25px #00d4ffcc,0 0 50px #00d4ff66}}@keyframes greenGlow{0%,to{box-shadow:0 0 15px #00ff9d80,0 0 30px #00ff9d33}50%{box-shadow:0 0 25px #00ff9dcc,0 0 50px #00ff9d66}}@keyframes purpleGlow{0%,to{box-shadow:0 0 15px #bf00ff80,0 0 30px #bf00ff33}50%{box-shadow:0 0 25px #bf00ffcc,0 0 50px #bf00ff66}}@keyframes orangeGlow{0%,to{box-shadow:0 0 15px #ff6b3580,0 0 30px #ff6b3533}50%{box-shadow:0 0 25px #ff6b35cc,0 0 50px #ff6b3566}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,212,255,.06) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent3)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent-dim);color:var(--text)}[data-theme=dark] ::selection{background:#00d4ff40;color:var(--text)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.01em;line-height:1.2}code,.mono{font-family:var(--font-mono);font-size:.875em}section{max-width:1100px;margin:0 auto;padding:100px 24px 60px}.section-border{border-top:1px solid var(--border);position:relative}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:56px;position:relative;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .1s backwards}.section-num{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--accent);border-radius:2px;background:var(--accent-dim);white-space:nowrap;animation:cornerPulse 3s ease-in-out infinite,borderGlow 2.5s ease-in-out infinite;transition:all .3s ease}.section-header:hover .section-num{box-shadow:0 0 20px #00d4ff99;transform:scale(1.05)}.section-header h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text);position:relative;transition:all .3s ease}.section-header:hover h2{color:var(--accent);text-shadow:0 0 20px rgba(0,212,255,.4)}.section-header h2:after{content:attr(data-text);position:absolute;left:2px;top:0;color:var(--accent4);opacity:0;transition:opacity .3s;pointer-events:none}.section-header:hover h2:after{animation:glitch .3s infinite;opacity:.3}.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.4;position:relative}.section-line:after{content:"";position:absolute;top:-2px;left:0;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}.reveal:nth-child(5){transition-delay:.32s}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:64px;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s,box-shadow .3s}nav.nav-scrolled{border-bottom-color:var(--accent);box-shadow:var(--glow);background:var(--nav-bg)}[data-theme=light] nav.nav-scrolled{background:#fffffffa}[data-theme=dark] nav.nav-scrolled{border-bottom-color:#00e5ff4d;box-shadow:0 0 20px #00e5ff1a,0 1px #00e5ff33;background:var(--nav-bg)}.nav-logo{background:none;border:none;padding:8px;cursor:pointer;margin-right:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.nav-logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:radial-gradient(circle at 50% 0%,var(--accent-dim),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.nav-logo:hover{background:var(--accent-dim)}.nav-logo:hover:before{opacity:1}.nav-logo:active{transform:scale(.95)}.nav-logo span{color:var(--accent)}.nav-links{list-style:none;display:flex;align-items:center;gap:6px}.nav-links a{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;padding:8px 14px;border-radius:6px;transition:all .25s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(0,229,255,0);position:relative;overflow:hidden;display:flex;align-items:center;gap:6px}.nav-links a:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transition:width .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px var(--accent)}.nav-links a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,var(--accent-dim),transparent 80%);border-radius:6px;opacity:0;transition:opacity .25s;pointer-events:none}.nav-links a:hover,.nav-links a.active{color:var(--accent);background:var(--accent-dim);border-color:var(--border-hover)}.nav-links a:hover:after,.nav-links a.active:after{opacity:1}.nav-links a:hover:before,.nav-links a.active:before{width:90%}.nav-links a.active{background:var(--accent-dim);border-color:var(--accent);box-shadow:inset 0 0 12px #0000000a}[data-theme=dark] .nav-links a.active{box-shadow:inset 0 0 12px #00d4ff14}.nav-blog{color:var(--accent3)!important;border-color:var(--accent3)!important;opacity:.8}.nav-blog:hover{background:var(--accent3-dim)!important;border-color:var(--accent3)!important;opacity:1}.nav-back-link{color:var(--accent2)!important}.hide-mob{display:list-item}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;cursor:pointer;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s,background .2s}.hamburger:hover{border-color:var(--accent);background:var(--accent-dim)}.hamburger span{display:block;height:2px;background:var(--text2);border-radius:1px;transition:transform .3s,opacity .3s,background .2s}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--accent)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--accent)}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);z-index:99;transform:translateY(-10px);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;pointer-events:none}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-links{list-style:none;padding:20px 24px;display:flex;flex-direction:column;gap:4px}.mobile-nav-links a{font-family:var(--font-mono);font-size:.82rem;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;display:block;border-radius:var(--radius-sm);border:1px solid transparent;transition:color .2s,background .2s,border-color .2s}.mobile-nav-links a:hover{color:var(--accent);background:var(--accent-dim);border-color:var(--border)}.mobile-blog-link{color:var(--accent3)!important}.mobile-menu-footer{padding:12px 24px 20px;font-family:var(--font-mono);font-size:.65rem;color:var(--muted);border-top:1px solid var(--border);text-transform:uppercase;letter-spacing:.1em}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:98}[data-theme=dark] .mobile-overlay{background:#000000b3}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:var(--accent);color:var(--bg);font-weight:700;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);transition:all .25s;border:1px solid var(--accent);position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .25s}.btn-primary:hover{background:transparent;color:var(--accent);box-shadow:var(--glow-strong);transform:translateY(-2px)}[data-theme=dark] .btn-primary:hover{box-shadow:0 0 25px #00d4ff66}.btn-primary:hover:before{opacity:1}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:var(--text2);font-weight:600;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .25s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.btn-ghost:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 15px #00d4ff26;transform:translateY(-2px)}.btn-ghost-green{color:var(--accent3)!important;border-color:#00ff9d4d!important}.btn-ghost-green:hover{border-color:var(--accent3)!important;background:var(--accent3-dim)!important;box-shadow:0 0 15px #00ff9d26!important;color:var(--accent3)!important}.btn-ghost-purple{color:var(--accent4)!important;border-color:#bf00ff4d!important}.btn-ghost-purple:hover{border-color:var(--accent4)!important;background:var(--accent4-dim)!important;box-shadow:0 0 15px #bf00ff26!important;color:var(--accent4)!important}.btn-ghost-orange{color:var(--accent2)!important;border-color:#ff6b354d!important}.btn-ghost-orange:hover{border-color:var(--accent2)!important;background:var(--accent2-dim)!important;box-shadow:0 0 15px #ff6b3526!important;color:var(--accent2)!important}#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:80px 24px 60px;max-width:1100px;margin:0 auto;position:relative}#hero:before{content:"";position:absolute;top:80px;right:0;width:300px;height:300px;background:radial-gradient(ellipse at center,var(--accent-dim) 0%,transparent 70%);pointer-events:none}.hero-noise{position:absolute;top:0;right:0;bottom:0;left:0;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.4}.hero-content{max-width:760px;position:relative;z-index:1}.hero-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent3);padding:6px 14px;border:1px solid rgba(0,255,157,.3);border-radius:2px;background:#00ff9d0f;margin-bottom:28px;animation:fadeUp .6s ease both;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.avail-dot{width:7px;height:7px;border-radius:50%;background:var(--accent3);box-shadow:0 0 8px var(--accent3);animation:pulse-dot 2s infinite}.hero-location{font-size:.85rem;color:var(--text2);margin-bottom:28px;animation:fadeUp .6s .05s ease both;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.location-text{color:var(--accent3);font-weight:600}.location-sep{color:var(--accent);opacity:.6}.location-availability{color:var(--accent2);font-weight:500}.hero-h1{font-size:clamp(3rem,9vw,6.5rem);font-weight:900;line-height:1;margin-bottom:16px;animation:fadeUp .6s .1s ease both;display:flex;flex-direction:column;gap:4px}.hero-h1 span:first-child{color:var(--text);letter-spacing:-.02em}.name-outline{color:transparent;-webkit-text-stroke:2px var(--accent);letter-spacing:-.02em;text-shadow:none;filter:drop-shadow(0 0 16px var(--accent));position:relative}[data-theme=dark] .name-outline{filter:drop-shadow(0 0 20px rgba(0,212,255,.4))}.name-outline:before{content:attr(data-text);position:absolute;left:2px;top:0;color:transparent;-webkit-text-stroke:2px var(--accent4);opacity:0;animation:glitch 4s infinite}.hero-desc{font-size:clamp(.95rem,2vw,1.12rem);color:var(--text2);line-height:1.8;max-width:580px;margin-bottom:36px;animation:fadeUp .6s .2s ease both}.hero-desc strong{color:var(--text)}.hero-desc-main{display:flex;flex-wrap:wrap;gap:.35em;margin-bottom:28px}.word-anim{display:inline-block;animation:wordSlideUp .5s ease-out both;white-space:nowrap}.word-anim:nth-child(1){animation-delay:.3s}.word-anim:nth-child(2){animation-delay:.38s}.word-anim:nth-child(3){animation-delay:.46s}.word-anim:nth-child(4){animation-delay:.54s}.word-anim:nth-child(5){animation-delay:.62s}.word-anim:nth-child(6){animation-delay:.7s}.word-anim:nth-child(7){animation-delay:.78s}.word-anim:nth-child(8){animation-delay:.86s}.word-anim:nth-child(9){animation-delay:.94s}.word-anim:nth-child(10){animation-delay:1.02s}.word-anim:nth-child(11){animation-delay:1.1s}.word-anim:nth-child(12){animation-delay:1.18s}.word-anim:nth-child(13){animation-delay:1.26s}.word-anim:nth-child(14){animation-delay:1.34s}.word-anim:nth-child(15){animation-delay:1.42s}.word-anim:nth-child(16){animation-delay:1.5s}.word-anim:nth-child(17){animation-delay:1.58s}.word-anim:nth-child(18){animation-delay:1.66s}.word-anim:nth-child(19){animation-delay:1.74s}.word-anim:nth-child(20){animation-delay:1.82s}.word-anim:nth-child(21){animation-delay:1.9s}.word-anim:nth-child(22){animation-delay:1.98s}.word-anim:nth-child(23){animation-delay:2.06s}.highlight-orange{color:var(--accent2);font-weight:600;text-shadow:0 0 10px rgba(255,107,53,.3)}.highlight-orange:hover{text-shadow:0 0 20px rgba(255,107,53,.6),0 0 30px rgba(255,107,53,.2)}.highlight-cyan{color:var(--accent);font-weight:600;text-shadow:0 0 10px rgba(0,212,255,.3)}.highlight-cyan:hover{text-shadow:0 0 20px rgba(0,212,255,.6),0 0 30px rgba(0,212,255,.2)}.highlight-green{color:var(--accent3);font-weight:600;text-shadow:0 0 10px rgba(0,255,157,.3)}.highlight-green:hover{text-shadow:0 0 20px rgba(0,255,157,.6),0 0 30px rgba(0,255,157,.2)}.highlight-purple{color:var(--accent4);font-weight:600;text-shadow:0 0 10px rgba(191,0,255,.3)}.highlight-purple:hover{text-shadow:0 0 20px rgba(191,0,255,.6),0 0 30px rgba(191,0,255,.2)}.highlight-ship{color:var(--accent2);font-weight:700;font-size:1.05em;text-shadow:0 0 15px rgba(255,107,53,.4)}.cursor-blink{color:var(--accent);animation:blink 1s step-end infinite;font-weight:700}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;animation:fadeUp .6s .3s ease both}.hero-actions .btn-primary,.hero-actions .btn-ghost{padding:9px 14px;font-size:.67rem;letter-spacing:.06em;white-space:nowrap}.btn-blog-cta{animation:blogBtnGlow 2.8s ease-in-out infinite;font-weight:700!important}@keyframes blogBtnGlow{0%,to{box-shadow:0 0 #00ff9d00}50%{box-shadow:0 0 16px #00ff9d4d,0 0 32px #00ff9d1a}}.blog-cta-arrows{display:inline-flex;gap:0px;margin-left:3px}.blog-cta-arrow{display:inline-block;animation:arrowChase 1.3s ease-in-out infinite}.blog-cta-arrow:nth-child(2){animation-delay:.18s}.blog-cta-arrow:nth-child(3){animation-delay:.36s}@keyframes arrowChase{0%,60%,to{transform:translate(0);opacity:.35}30%{transform:translate(5px);opacity:1}}.hero-stats{display:flex;gap:0;margin-top:64px;animation:fadeUp .6s .4s ease both;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--card-bg);max-width:600px}.stat{flex:1;padding:20px 16px;text-align:center;border-right:1px solid var(--border);transition:background .25s;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-dim),transparent);opacity:0;transition:opacity .3s}.stat:last-child{border-right:none}.stat:hover{background:var(--surface)}.stat:hover:before{opacity:1}.stat-num{font-family:var(--font-mono);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;color:var(--accent);text-shadow:0 0 12px var(--accent);line-height:1;margin-bottom:4px;animation:countUp .6s ease both}[data-theme=dark] .stat-num{text-shadow:0 0 15px rgba(0,212,255,.4)}.stat-label{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}@keyframes wipColorCycle1{0%,to{color:var(--accent);text-shadow:0 0 15px rgba(0,212,255,.5)}33%{color:var(--accent3);text-shadow:0 0 15px rgba(0,255,157,.5)}66%{color:var(--accent4);text-shadow:0 0 15px rgba(191,0,255,.5)}}@keyframes wipColorCycle2{0%,to{color:var(--accent2);text-shadow:0 0 15px rgba(255,107,53,.5)}50%{color:var(--accent);text-shadow:0 0 15px rgba(0,212,255,.5)}}@keyframes wipColorCycle3{0%,to{color:var(--accent4);text-shadow:0 0 15px rgba(191,0,255,.5)}33%{color:var(--accent2);text-shadow:0 0 15px rgba(255,107,53,.5)}66%{color:var(--accent3);text-shadow:0 0 15px rgba(0,255,157,.5)}}@keyframes wipScalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes wipBgGlow{0%,to{background:linear-gradient(135deg,#00d4ff26,#bf00ff26);box-shadow:0 0 30px #00d4ff4d,inset 0 0 30px #00d4ff1a}50%{background:linear-gradient(135deg,#bf00ff26,#00ff9d26);box-shadow:0 0 50px #bf00ff66,inset 0 0 40px #bf00ff33}}@keyframes wipBadgeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.wip-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:popupOverlayFadeIn .4s ease both}@keyframes popupOverlayFadeIn{0%{opacity:0}to{opacity:1}}.wip-popup{position:relative;width:90%;max-width:520px;padding:40px;border-radius:16px;border:2.5px solid var(--accent);background:var(--bg2);box-shadow:0 20px 80px #00d4ff4d,0 0 60px #bf00ff33;animation:popupBounceIn .5s cubic-bezier(.16,1,.3,1) both;overflow:hidden}@keyframes popupBounceIn{0%{opacity:0;transform:scale(.3) translateY(40px)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1) translateY(0)}}.wip-popup:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.wip-popup:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,var(--accent),var(--accent4),var(--accent3),var(--accent2));background-size:300% 300%;border-radius:14px;z-index:-1;opacity:.2;animation:gradientShift 6s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.wip-popup-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#00d4ff1a;color:var(--accent);font-size:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}.wip-popup-close:hover{background:#00d4ff40;transform:rotate(90deg) scale(1.1)}.wip-popup-content{position:relative;z-index:1;text-align:center}.wip-popup-badge{display:inline-block;font-family:var(--font-mono);font-size:.65rem;font-weight:800;color:var(--accent2);background:#ff6b3533;border:1.5px solid var(--accent2);padding:10px 18px;border-radius:24px;margin-bottom:20px;animation:wipBadgeFloat 2.5s ease-in-out infinite;text-transform:uppercase;letter-spacing:.12em;box-shadow:0 0 20px #ff6b354d}.wip-popup-title{font-size:2rem;font-weight:900;margin:20px 0;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;letter-spacing:-.02em}.wip-popup-word{display:inline-block;animation:wipScalePulse 2s ease-in-out infinite}.wip-popup-color-1{animation:wipColorCycle1 4s ease-in-out infinite,wipScalePulse 2s ease-in-out infinite}.wip-popup-color-2{animation:wipColorCycle2 4s ease-in-out .8s infinite,wipScalePulse 2s ease-in-out .3s infinite}.wip-popup-color-3{animation:wipColorCycle3 4s ease-in-out 1.6s infinite,wipScalePulse 2s ease-in-out .6s infinite}.wip-popup-text{font-size:1.1rem;color:var(--text2);margin:20px 0 28px;line-height:1.7}.wip-popup-highlight{color:var(--accent3);font-weight:800;animation:colorShift 4s ease-in-out infinite;display:inline-block}.wip-popup-cta{display:inline-block;font-weight:800;font-size:.95rem;color:var(--bg);background:linear-gradient(135deg,var(--accent2),var(--accent));padding:14px 32px;border-radius:8px;text-decoration:none;text-transform:uppercase;letter-spacing:.09em;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none;box-shadow:0 12px 32px #00d4ff66,0 0 20px #ff6b354d;animation:ctaPulse 1.5s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 12px 32px #00d4ff66,0 0 20px #ff6b354d}50%{box-shadow:0 12px 40px #00d4ff99,0 0 30px #ff6b3580}}.wip-popup-cta:hover{transform:translateY(-6px) scale(1.08);box-shadow:0 18px 48px #00d4ff99,0 0 40px #ff6b3599;background:linear-gradient(135deg,var(--accent),var(--accent2))}.wip-toast{position:fixed;top:20px;right:20px;max-width:340px;padding:16px 20px;border-radius:10px;border:1.5px solid var(--accent);background:var(--bg2);box-shadow:0 8px 32px #00d4ff40,0 0 20px #bf00ff26;animation:toastSlideInRight .4s cubic-bezier(.16,1,.3,1) both,toastGlow 3s ease-in-out infinite;z-index:8888;pointer-events:auto;overflow:hidden}.wip-toast-left{right:auto!important;left:20px!important;animation:toastSlideInLeft .4s cubic-bezier(.16,1,.3,1) both,toastGlow 3s ease-in-out infinite}@keyframes toastSlideInRight{0%{opacity:0;transform:translate(380px) translateY(-20px) scale(.8)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@keyframes toastSlideInLeft{0%{opacity:0;transform:translate(-380px) translateY(-20px) scale(.8)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) translateY(0) scale(1)}to{opacity:0;transform:translate(380px) translateY(-20px) scale(.8)}}@keyframes toastGlow{0%,to{box-shadow:0 8px 32px #00d4ff40,0 0 20px #bf00ff26}50%{box-shadow:0 8px 40px #00d4ff59,0 0 30px #bf00ff40}}.wip-toast:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);animation:shimmer 2.5s ease-in-out infinite;pointer-events:none}.wip-toast-badge{display:inline-block;font-family:var(--font-mono);font-size:.6rem;font-weight:800;color:var(--accent2);background:#ff6b3533;border:1px solid var(--accent2);padding:5px 11px;border-radius:16px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em;animation:wipBadgeFloat 2.5s ease-in-out infinite}.wip-toast-content{position:relative;z-index:1}.wip-toast-title{font-size:.95rem;font-weight:800;margin:8px 0 6px;display:flex;gap:8px;flex-wrap:wrap;letter-spacing:-.01em}.wip-toast-word{display:inline-block;animation:wipScalePulse 2s ease-in-out infinite}.wip-toast-color-1{animation:wipColorCycle1 4s ease-in-out infinite,wipScalePulse 2s ease-in-out infinite}.wip-toast-color-2{animation:wipColorCycle2 4s ease-in-out .8s infinite,wipScalePulse 2s ease-in-out .3s infinite}.wip-toast-color-3{animation:wipColorCycle3 4s ease-in-out 1.6s infinite,wipScalePulse 2s ease-in-out .6s infinite}.wip-toast-text{font-size:.85rem;color:var(--text2);margin:0;line-height:1.4}.wip-toast-text a{color:var(--accent3);font-weight:700;text-decoration:none;transition:all .3s ease;display:inline}.wip-toast-text a:hover{color:var(--accent);text-decoration:underline}.blog-toast{position:fixed;bottom:20px;left:20px;max-width:320px;padding:16px 20px;border-radius:10px;border:1.5px solid var(--accent3);background:var(--bg2);box-shadow:0 8px 32px #00ff9d33,0 0 20px #00ff9d1a;animation:blogToastSlideIn .4s cubic-bezier(.16,1,.3,1) both,blogToastGlow 3s ease-in-out infinite;z-index:8888;pointer-events:auto;overflow:hidden}@keyframes blogToastSlideIn{0%{opacity:0;transform:translate(-340px) translateY(40px) scale(.8)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@keyframes blogToastGlow{0%,to{box-shadow:0 8px 32px #00ff9d33,0 0 20px #00ff9d1a}50%{box-shadow:0 8px 40px #00ff9d4d,0 0 30px #00ff9d33}}.blog-toast:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,255,157,.08),transparent);transform:translate(-100%);animation:shimmer 2.5s ease-in-out infinite;pointer-events:none}.blog-toast-badge{display:inline-block;font-family:var(--font-mono);font-size:.6rem;font-weight:800;color:var(--accent3);background:#00ff9d26;border:1px solid var(--accent3);padding:5px 11px;border-radius:16px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em;animation:blogBadgePulse 2s ease-in-out infinite}@keyframes blogBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.blog-toast-content{position:relative;z-index:1}.blog-toast-title{font-size:.95rem;font-weight:800;margin:8px 0 6px;letter-spacing:-.01em}.blog-toast-accent{color:var(--accent3);animation:blogAccentGlow 2s ease-in-out infinite}@keyframes blogAccentGlow{0%,to{text-shadow:0 0 8px rgba(0,255,157,.3)}50%{text-shadow:0 0 16px rgba(0,255,157,.6)}}.blog-toast-text{font-size:.85rem;color:var(--text2);margin:0;line-height:1.4}.blog-toast-text a{color:var(--accent3);font-weight:700;text-decoration:none;transition:all .3s ease;display:inline}.blog-toast-text a:hover{color:var(--text);text-decoration:underline;text-shadow:0 0 12px rgba(0,255,157,.5)}.about-gateway{display:flex;flex-direction:column;gap:60px;animation:fadeUp .8s ease-out}.about-intro{display:flex;flex-direction:column;gap:24px;max-width:600px}.about-intro-title{font-size:1.8rem;font-weight:700;color:var(--text);line-height:1.3;letter-spacing:-.5px}.about-intro-bio{font-size:1.05rem;color:var(--text2);line-height:1.85}.about-intro-bio .accent-highlight{font-weight:700;color:var(--accent2);animation:aboutHighlightGlow 2.5s ease-in-out infinite}.about-intro-meta{font-size:.95rem;color:var(--text2);line-height:1.6}.about-intro-meta .accent-primary{color:var(--accent);font-weight:600}.about-intro-meta .accent-secondary{color:var(--accent3);font-weight:600}.about-intro-meta .accent-tertiary{color:var(--accent4);font-weight:600}.about-cta-section{display:flex;flex-direction:column;gap:20px;padding:40px;background:var(--accent-dim);border:1px solid var(--border);border-radius:var(--radius-lg);animation:fadeUp .8s ease-out .2s both}.about-cta-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0}.btn-journey-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--accent);color:#000;font-weight:700;font-size:1.05rem;border:none;border-radius:var(--radius);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;width:fit-content}.btn-journey-cta:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00d4ff59}.btn-journey-cta .arrow-icon{font-size:1.3rem;animation:pulseArrow 1.5s ease-in-out infinite}@keyframes pulseArrow{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.about-cta-hint{font-size:.85rem;color:var(--text2);margin:0;opacity:.8}.about-quick-links{display:flex;flex-direction:column;gap:16px;animation:fadeUp .8s ease-out .4s both}.about-links-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--accent3);text-transform:uppercase;letter-spacing:.12em;margin:0}.about-socials{display:flex;flex-wrap:wrap;gap:12px}.btn-about-social{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--surface);color:var(--text2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s}.btn-about-social:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(-2px)}.btn-about-social.btn-social-linkedin:hover{background:#0a66c21a;color:#0a66c2}.btn-about-social.btn-social-github:hover{background:#e6edf31a;color:#e6edf3}.btn-about-social.btn-social-email:hover{background:#ff6b351a;color:var(--accent2)}.btn-about-social.btn-social-skills:hover{background:var(--accent3-dim);color:var(--accent3)}.skills-grid{display:flex;flex-direction:column;gap:24px;padding:28px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.skills-grid:before,.skills-grid:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--accent);border-style:solid;opacity:.6;animation:cornerPulse 2s ease-in-out infinite}.skills-grid:before{top:8px;left:8px;border-width:2px 0 0 2px}.skills-grid:after{bottom:8px;right:8px;border-width:0 2px 2px 0}.skill-group-label{font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;padding-left:8px;border-left:2px solid var(--accent)}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-family:var(--font-mono);font-size:.66rem;font-weight:500;color:var(--text2);background:var(--surface);border:1px solid var(--border);padding:4px 10px;border-radius:2px;letter-spacing:.05em;transition:all .2s;cursor:default;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.tag:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 8px #00d4ff26;transform:translateY(-1px)}.exp-list{display:flex;flex-direction:column;gap:0;position:relative}.exp-list:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(to bottom,var(--accent),var(--accent4),transparent);opacity:.3}.exp-item{display:grid;grid-template-columns:200px 1fr;gap:32px;padding:36px 0 36px 28px;border-bottom:1px solid var(--border);position:relative;transition:background .25s}.exp-item:before{content:"";position:absolute;top:42px;left:-5px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 12px var(--accent);transition:all .3s;z-index:1}[data-theme=dark] .exp-item:before{box-shadow:0 0 12px #00d4ff80}.exp-item:hover:before{background:var(--accent);box-shadow:0 0 20px var(--accent);transform:scale(1.2)}[data-theme=dark] .exp-item:hover:before{box-shadow:0 0 20px #00d4ffcc}.exp-item:last-child{border-bottom:none}.exp-item:hover{background:#00d4ff05}.exp-date{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.exp-company{font-size:.85rem;font-weight:600;color:var(--text2)}.exp-role{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:12px}.exp-points{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.exp-points li{font-size:.875rem;color:var(--text2);line-height:1.7;padding-left:18px;position:relative}.exp-points li:before{content:"▸";position:absolute;left:0;color:var(--accent);font-size:.7rem;top:2px}.exp-tech{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tech-pill{font-family:var(--font-mono);font-size:.62rem;padding:3px 10px;border-radius:2px;border:1px solid rgba(0,212,255,.2);color:var(--accent);background:var(--accent-dim);letter-spacing:.06em;text-transform:uppercase;transition:all .2s}.tech-pill:hover{border-color:var(--accent);box-shadow:0 0 8px #00d4ff33}.projects-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .3s backwards}.filter-btn{font-family:var(--font-mono);font-size:.68rem;font-weight:600;padding:8px 18px;border-radius:2px;border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);transform:translate(-100%);transition:transform .5s ease}.filter-btn:hover:before{transform:translate(100%)}.filter-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.filter-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 25px #00d4ff80,inset 0 0 15px #00d4ff33;animation:borderGlow 2s ease-in-out infinite}.projects-grid.zigzag-container{display:flex;flex-direction:column;gap:40px}.project-card.zigzag{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;animation:cardSlideIn .7s cubic-bezier(.16,1,.3,1) both}.proj-zigzag-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:28px}.project-card.zigzag.zigzag-left .proj-zigzag-wrapper,.project-card.zigzag.zigzag-right .proj-zigzag-wrapper{grid-template-columns:1fr 1fr}.project-card.zigzag.zigzag-right .proj-image-container.zigzag{order:2}.project-card.zigzag.zigzag-right .proj-zigzag-content{order:1}.proj-image-container.zigzag{position:relative;height:260px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);animation:imageZoomIn .8s cubic-bezier(.16,1,.3,1) .3s backwards}.proj-image.zigzag{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s ease;animation:imageTilt 3s ease-in-out infinite}.project-card.zigzag:hover .proj-image.zigzag{transform:scale(1.08);filter:brightness(1.15) contrast(1.1)}.proj-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(0,212,255,.1) 100%);pointer-events:none}.proj-zigzag-content{display:flex;flex-direction:column;gap:10px;animation:textFadeSlide .8s cubic-bezier(.16,1,.3,1) .4s backwards}.proj-badge{display:inline-block;background:var(--accent-dim);color:var(--accent);padding:6px 12px;border-radius:var(--radius-sm);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;width:fit-content;animation:badgeFloat 2s ease-in-out infinite;transition:all .3s ease}.project-card.zigzag:hover .proj-badge{background:var(--accent);color:var(--bg);box-shadow:0 0 15px #00d4ff80}.proj-num{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.proj-title.zigzag{font-size:1.6rem;font-weight:800;color:var(--text);line-height:1.2;margin:6px 0;transition:all .3s ease}.project-card.zigzag:hover .proj-title.zigzag{color:var(--accent);animation:titleGlow 1.5s ease-in-out infinite}.proj-subtitle{font-size:.95rem;color:var(--accent);font-weight:600;transition:all .3s ease}.project-card.zigzag:hover .proj-subtitle{color:var(--accent3);text-shadow:0 0 10px rgba(0,255,157,.3)}.proj-tech{font-family:var(--font-mono);font-size:.72rem;color:var(--text2);letter-spacing:.05em;animation:techSlide .8s cubic-bezier(.16,1,.3,1) .5s backwards;transition:all .3s ease}.project-card.zigzag:hover .proj-tech{color:var(--accent);filter:brightness(1.3)}.proj-summary{font-size:.9rem;color:var(--text2);line-height:1.6;margin:8px 0;animation:summaryFade .8s ease .6s backwards;transition:color .3s ease}.project-card.zigzag:hover .proj-summary{color:var(--text)}.proj-stats-row{display:flex;gap:24px;margin:12px 0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .7s backwards}.proj-stat-item{display:flex;flex-direction:column;transition:all .3s ease}.proj-stat-item:hover{transform:translateY(-4px)}.proj-stat-value{font-size:1.8rem;font-weight:800;color:var(--accent);text-shadow:0 0 20px rgba(0,212,255,.3);line-height:1;transition:all .3s ease}.project-card.zigzag:hover .proj-stat-value{animation:statPulse .6s ease;text-shadow:0 0 30px rgba(0,212,255,.8),0 0 50px rgba(0,212,255,.5)}.proj-stat-key{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;transition:color .3s ease}.project-card.zigzag:hover .proj-stat-key{color:var(--accent)}.proj-action{margin-top:12px;display:flex;align-items:center;gap:8px;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .8s backwards}.proj-action-text{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;padding:8px 16px;border:1px solid var(--accent);border-radius:var(--radius-sm);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.proj-action-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent);transition:left .3s ease;z-index:-1}.project-card.zigzag:hover .proj-action-text{color:var(--bg)}.project-card.zigzag:hover .proj-action-text:before{left:0}.project-card.zigzag:hover{border-color:var(--accent);box-shadow:0 0 30px #00d4ff33}.filter-empty-state{grid-column:1 / -1;padding:60px 40px;text-align:center;background:linear-gradient(135deg,#00d4ff0d,#bf00ff0d);border:2px dashed var(--border);border-radius:10px;animation:fadeUp .6s .3s ease both}.empty-state-title{font-size:1.8rem;font-weight:700;color:var(--accent);margin-bottom:16px;text-shadow:0 0 20px rgba(0,212,255,.3)}.empty-state-text{font-size:1.1rem;color:var(--text2);line-height:1.8;max-width:600px;margin:0 auto}.github-link{color:var(--accent3);font-weight:700;text-decoration:none;transition:all .3s ease;text-shadow:0 0 10px rgba(0,255,157,.3)}.github-link:hover{color:var(--accent3);text-shadow:0 0 20px rgba(0,255,157,.6),0 0 30px rgba(0,255,157,.3);transform:scale(1.05);display:inline-block}.proj-num{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.project-card.featured .proj-num{color:var(--accent)}.proj-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px;gap:12px}.proj-title{font-size:1.15rem;font-weight:700;color:var(--text);transition:color .2s;line-height:1.3}.project-card:hover .proj-title{color:var(--accent)}.proj-arrow{font-size:1.2rem;color:var(--muted);transition:color .2s,transform .2s;flex-shrink:0;margin-top:2px}.project-card:hover .proj-arrow{color:var(--accent);transform:translate(3px,-3px)}.proj-sub{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);margin-bottom:12px;letter-spacing:.05em}.proj-desc{font-size:.875rem;color:var(--text2);line-height:1.75;margin-bottom:16px;flex:1}.proj-side{display:flex;align-items:flex-start;justify-content:flex-end;padding-top:24px}.proj-stat{font-family:var(--font-mono);font-size:2rem;font-weight:800;color:var(--accent);text-shadow:0 0 20px rgba(0,212,255,.4);line-height:1}.proj-stat-label{font-family:var(--font-mono);font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.proj-links{display:flex;gap:10px;flex-wrap:wrap}.proj-link{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;padding:6px 14px;border:1px solid rgba(0,212,255,.3);border-radius:2px;transition:all .2s;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.proj-link:hover{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 12px #00d4ff33;color:var(--accent)}.proj-link--ghost{color:var(--muted);border-color:var(--border);background:transparent;cursor:pointer;opacity:0;transform:translate(-6px);transition:opacity .25s,transform .25s,color .2s,border-color .2s,background .2s}.project-card:hover .proj-link--ghost,.project-card:focus-visible .proj-link--ghost{opacity:1;transform:translate(0)}.proj-link--ghost:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.project-card{cursor:pointer}.project-card:active{transform:scale(.99) translate(2px)}@keyframes projModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes projModalRise{0%{opacity:0;transform:translateY(36px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.proj-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#04080ecc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:projModalFadeIn .25s ease-out}.proj-modal{position:relative;width:100%;max-width:720px;max-height:88vh;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 32px 80px -20px #0009,var(--glow-strong);animation:projModalRise .35s cubic-bezier(.16,1,.3,1)}.proj-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-size:1.6rem;line-height:1;cursor:pointer;transition:all .2s;z-index:10}.proj-modal-close:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);transform:rotate(90deg)}.proj-modal-image{width:100%;height:auto;margin-bottom:32px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface);animation:imageZoomIn .8s cubic-bezier(.16,1,.3,1) backwards}.proj-modal-image img{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s ease;animation:imageTilt 4s ease-in-out infinite}.proj-modal-image:hover img{transform:scale(1.08);filter:brightness(1.2) contrast(1.15)}.proj-modal-explanatory-image{margin-top:28px;margin-bottom:40px;animation:imageSlideUp .8s cubic-bezier(.16,1,.3,1) .3s backwards}.proj-modal-explanatory-image img{animation:imageFadeIn .8s ease .3s backwards}.proj-modal-header{margin-bottom:20px;padding:32px 32px 0;animation:modalHeaderSlide .6s cubic-bezier(.16,1,.3,1) .1s backwards}.proj-modal-num{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;animation:labelColorCycle 4s ease-in-out infinite;transition:all .3s ease}.proj-modal-title{font-size:2rem;font-weight:800;color:var(--text);line-height:1.2;margin-bottom:6px;transition:all .3s ease;cursor:default}.proj-modal:hover .proj-modal-title{color:var(--accent);animation:textGlitch .5s ease-in-out}.proj-modal-subtitle{font-size:1.1rem;color:var(--accent);font-weight:600;margin-bottom:12px;animation:colorShift 6s ease-in-out infinite;transition:all .3s ease}.proj-modal-tech{padding:0 32px;margin-bottom:16px;animation:modalDescriptionFade .7s cubic-bezier(.16,1,.3,1) .3s backwards}.proj-tech-badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;color:var(--text2);background:var(--surface);padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);letter-spacing:.05em;transition:all .3s ease;position:relative;overflow:hidden}.proj-tech-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,255,157,.3),transparent);transform:translate(-100%);transition:transform .5s ease}.proj-tech-badge:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 15px #00d4ff66;transform:translateY(-2px)}.proj-tech-badge:hover:before{transform:translate(100%)}.proj-modal-description{font-size:.95rem;color:var(--text2);line-height:1.8;margin-bottom:28px;padding:0 32px;animation:modalDescriptionFade .8s cubic-bezier(.16,1,.3,1) .4s backwards;transition:all .3s ease}.proj-modal:hover .proj-modal-description{color:var(--text)}.proj-modal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;margin-bottom:32px;padding:24px 32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface2);animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .5s backwards}.proj-modal-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;border-radius:var(--radius-sm);transition:all .4s cubic-bezier(.16,1,.3,1);background:#00d4ff0d;border:1px solid rgba(0,212,255,.1);animation:statBoxBounce 2s ease-in-out infinite}.proj-modal-stat:nth-child(1){animation-delay:0s}.proj-modal-stat:nth-child(2){animation-delay:.2s}.proj-modal-stat:nth-child(3){animation-delay:.4s}.proj-modal-stat:hover{background:#00ff9d1a;border-color:var(--accent3);transform:translateY(-8px);box-shadow:0 8px 25px #00d4ff4d,inset 0 0 15px #00ff9d1a}.proj-modal-stat-num{font-family:var(--font-mono);font-size:2.2rem;font-weight:800;color:var(--accent);text-shadow:0 0 20px rgba(0,212,255,.3);line-height:1;margin-bottom:6px;transition:all .3s ease}.proj-modal-stat:hover .proj-modal-stat-num{animation:numberCountGlow .8s ease-in-out infinite;font-size:2.5rem}.proj-modal-stat-label{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;animation:labelColorCycle 4s ease-in-out infinite;transition:all .3s ease}.proj-modal-stat:hover .proj-modal-stat-label{color:var(--accent);text-shadow:0 0 10px rgba(0,212,255,.5)}.proj-modal-features{margin-bottom:32px;padding:0 32px;animation:modalDescriptionFade .8s cubic-bezier(.16,1,.3,1) .6s backwards}.proj-modal-features-title{font-size:.9rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-family:var(--font-mono);animation:colorShift 6s ease-in-out infinite;transition:all .3s ease}.proj-modal-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.proj-modal-features-list li{font-size:.9rem;color:var(--text2);line-height:1.6;padding-left:20px;position:relative;animation:featureSlideIn .6s cubic-bezier(.16,1,.3,1) backwards;transition:all .3s ease}.proj-modal-features-list li:nth-child(1){animation-delay:.65s}.proj-modal-features-list li:nth-child(2){animation-delay:.75s}.proj-modal-features-list li:nth-child(3){animation-delay:.85s}.proj-modal-features-list li:nth-child(4){animation-delay:.95s}.proj-modal-features-list li:nth-child(5){animation-delay:1.05s}.proj-modal-features-list li:hover{color:var(--text);transform:translate(8px);padding-left:30px}.proj-modal-features-list li:before{content:"▹";position:absolute;left:0;color:var(--accent);font-size:1.2rem;font-weight:700;line-height:1;transition:all .3s ease;animation:featureBulletPulse 1.5s ease-in-out infinite}.proj-modal-features-list li:hover:before{color:var(--accent3);animation:featureBulletPulse .6s ease-in-out}.proj-modal-links{display:flex;gap:12px;flex-wrap:wrap;padding:0 32px 32px;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) 1.1s backwards}.proj-modal-link{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);padding:10px 18px;border-radius:var(--radius-sm);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;transition:all .35s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden}.proj-modal-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s ease}.proj-modal-link:hover:before{transform:translate(100%)}.proj-modal-link:hover{background:var(--accent);color:var(--bg);animation:linkHoverGlow 1s ease-in-out infinite;transform:translateY(-4px);box-shadow:0 8px 20px #00d4ff66}.proj-modal-link.link-cyan{color:var(--accent);background:#00d4ff14;border-color:var(--accent);animation:linkColorCycle 3s ease-in-out infinite}.proj-modal-link.link-cyan:hover{background:var(--accent);color:var(--bg);animation:cyanGlow 1s ease-in-out infinite;box-shadow:0 0 20px #00d4ff99,0 0 40px #00d4ff4d}.proj-modal-link.link-green{color:var(--accent3);background:#00ff9d14;border-color:var(--accent3);animation:linkColorCycleGreen 3s ease-in-out infinite}.proj-modal-link.link-green:hover{background:var(--accent3);color:var(--bg);animation:greenGlow 1s ease-in-out infinite;box-shadow:0 0 20px #00ff9d99,0 0 40px #00ff9d4d}.proj-modal-link.link-purple{color:var(--accent4);background:#bf00ff14;border-color:var(--accent4);animation:linkColorCyclePurple 3s ease-in-out infinite}.proj-modal-link.link-purple:hover{background:var(--accent4);color:var(--bg);animation:purpleGlow 1s ease-in-out infinite;box-shadow:0 0 20px #bf00ff99,0 0 40px #bf00ff4d}.proj-modal-link.link-orange{color:var(--accent2);background:#ff6b3514;border-color:var(--accent2);animation:linkColorCycleOrange 3s ease-in-out infinite}.proj-modal-link.link-orange:hover{background:var(--accent2);color:var(--bg);animation:orangeGlow 1s ease-in-out infinite;box-shadow:0 0 20px #ff6b3599,0 0 40px #ff6b354d}.proj-image-container{width:100%;height:auto;margin-bottom:28px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.proj-image{width:100%;height:auto;display:block;transition:transform .3s ease}.project-card.featured:hover .proj-image{transform:scale(1.02)}.proj-image-sm{width:100%;height:180px;margin-bottom:16px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.proj-image-thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .proj-image-thumb{transform:scale(1.05)}.proj-modal-image{width:100%;height:auto;margin-bottom:32px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.proj-modal-image img{width:100%;height:auto;display:block;transition:transform .3s ease}.proj-modal-image:hover img{transform:scale(1.02)}.proj-modal-full-desc{font-size:.9rem;color:var(--text2);line-height:1.8;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.proj-modal-features{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.proj-modal-features-title{font-size:.85rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-family:var(--font-mono)}.proj-modal-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.proj-modal-features-list li{font-size:.9rem;color:var(--text2);line-height:1.6;padding-left:20px;position:relative}.proj-modal-features-list li:before{content:"▸";position:absolute;left:0;color:var(--accent);font-weight:700}@media (max-width: 600px){.proj-modal{padding:28px 20px;max-height:90vh}.proj-modal-title{font-size:1.3rem}.proj-modal-stats{gap:20px}.proj-image-container{margin-bottom:20px}.proj-modal-image{margin-bottom:24px}}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@keyframes certCardIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes certBadgeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes certShimmer{0%{left:-100%}to{left:100%}}.cert-card--cyan{--cert-color: var(--accent);--cert-color-dim: var(--accent-dim)}.cert-card--orange{--cert-color: var(--accent2);--cert-color-dim: var(--accent2-dim)}.cert-card--green{--cert-color: var(--accent3);--cert-color-dim: var(--accent3-dim)}.cert-card--purple{--cert-color: var(--accent4);--cert-color-dim: var(--accent4-dim)}.cert-card{background:var(--card-bg);border:1.5px solid var(--cert-color-dim);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;cursor:pointer;gap:12px}.cert-card-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:certShimmer 3s infinite}.cert-card.reveal.visible{animation:certCardIn .6s calc(var(--stagger, 0) * 80ms) both}.cert-card:hover{border-color:var(--cert-color);background:var(--surface);transform:translateY(-10px);box-shadow:0 0 40px rgba(var(--cert-color),.2),0 16px 40px #0000004d}.cert-card:hover .cert-badge{animation:certBadgeFloat 1.5s ease-in-out infinite}.cert-card-top{display:flex;align-items:flex-start;justify-content:space-between}.cert-badge{font-size:2rem;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:10px;background:var(--cert-color-dim);border:1.5px solid var(--cert-color);transition:transform .4s cubic-bezier(.16,1,.3,1)}.cert-index{font-family:var(--font-mono);font-size:.7rem;color:var(--cert-color);font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--cert-color-dim);padding:6px 10px;border-radius:4px;border:1px solid var(--cert-color)}.cert-issuer{font-family:var(--font-mono);font-size:.65rem;color:var(--cert-color);text-transform:uppercase;letter-spacing:.15em;font-weight:700}.cert-name{font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.3}.cert-description{font-size:.85rem;color:var(--text2);line-height:1.6;flex-grow:1;margin:0}.cert-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.cert-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text2);font-weight:600}.cert-view-btn{font-size:.85rem;color:var(--cert-color);font-weight:700;transition:all .2s}.cert-card:hover .cert-view-btn{transform:translate(4px)}.cert-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;padding:20px}.cert-modal-content{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 60px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cert-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:var(--surface2);color:var(--text2);border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s;z-index:10}.cert-modal-close:hover{background:var(--accent);color:#000;transform:rotate(90deg)}.cert-modal-image{width:100%;height:auto;object-fit:contain;border-radius:var(--radius-lg);margin-bottom:24px}.cert-modal-info{padding:0 28px 28px}.cert-modal-info h3{font-size:1.5rem;font-weight:700;margin:0 0 8px}.cert-modal-issuer{font-family:var(--font-mono);font-size:.85rem;color:var(--text2);margin:0 0 16px;font-weight:600}.cert-modal-desc{font-size:1rem;color:var(--text2);line-height:1.8;margin:0}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}@keyframes achCardIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ach-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:28px;display:flex;flex-direction:column;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s,box-shadow .35s;position:relative;overflow:hidden;cursor:default}.ach-card.reveal.visible{animation:achCardIn .55s calc(var(--stagger, 0) * .1s) both}.ach-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent3);opacity:0;transform:scaleY(0);transform-origin:top;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px var(--accent3)}.ach-card:hover:before{opacity:1;transform:scaleY(1)}.ach-card:hover{border-color:var(--border-hover);background:var(--surface);transform:translateY(-6px);box-shadow:0 12px 32px -14px #00ff9d33,var(--glow)}.ach-icon{font-size:1.6rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);background:var(--accent3-dim);border:1px solid var(--border);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s}.ach-card:hover .ach-icon{transform:scale(1.1) rotate(6deg);border-color:var(--accent3)}.ach-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.45;transition:color .2s}.ach-card:hover .ach-title{color:var(--accent3)}.ach-org{font-family:var(--font-mono);font-size:.62rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.ach-desc{font-size:.825rem;color:var(--text2);line-height:1.7;flex:1;margin-bottom:16px}.edu-list{display:flex;flex-direction:column;gap:2px}.edu-item{background:var(--card-bg);border:1px solid var(--card-border);padding:28px 32px;display:grid;grid-template-columns:140px 1fr;gap:28px;align-items:start;transition:all .3s;position:relative;overflow:hidden}.edu-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .3s}.edu-item:hover:after{opacity:.5}.edu-item:hover{border-color:var(--border-hover);background:var(--surface);transform:translate(4px);box-shadow:-4px 0 0 0 var(--accent3)}.edu-year{display:flex;flex-direction:column;gap:2px;padding-top:2px}.edu-body{display:flex;flex-direction:column;gap:6px}.edu-degree{font-size:1rem;font-weight:700;color:var(--text)}.edu-school{font-size:.85rem;color:var(--text2)}.edu-meta{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);letter-spacing:.05em}.contact-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}.contact-headline{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--text);line-height:1.2;margin-bottom:16px;letter-spacing:-.02em}.contact-headline span{color:var(--accent);text-shadow:0 0 20px rgba(0,212,255,.3)}.contact-sub{font-size:.9rem;color:var(--text2);line-height:1.8;margin-bottom:36px}.contact-direct{display:flex;flex-direction:column;gap:2px}.direct-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);background:var(--card-bg);transition:all .25s;text-decoration:none;color:inherit;position:relative;overflow:hidden}.direct-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:0;transition:opacity .25s}.direct-link:hover:before{opacity:1}.direct-link:hover{border-color:var(--border-hover);background:var(--surface);transform:translate(6px)}.direct-link-label{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;width:80px;flex-shrink:0}.direct-link-val{font-size:.82rem;color:var(--text2);flex:1;transition:color .2s}.direct-link:hover .direct-link-val{color:var(--text)}.direct-link-arrow{font-size:.85rem;color:var(--muted);transition:color .2s,transform .2s}.direct-link:hover .direct-link-arrow{color:var(--accent);transform:translate(2px,-2px)}.form-header{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.contact-form-section{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.form-input,.form-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;font-family:inherit;font-size:.875rem;color:var(--text);transition:border-color .2s,box-shadow .2s;outline:none;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted);font-size:.82rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00d4ff1f,0 0 15px #00d4ff14;background:var(--surface2)}.form-textarea{resize:vertical;min-height:130px;line-height:1.65}.form-submit{padding:13px 28px;background:var(--accent);color:var(--bg);font-weight:700;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .25s;align-self:flex-start;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.form-submit:hover{background:transparent;color:var(--accent);border:1px solid var(--accent);box-shadow:0 0 25px #00d4ff4d;transform:translateY(-2px);clip-path:none}.form-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-status{font-family:var(--font-mono);font-size:.78rem;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid;letter-spacing:.03em}.form-status.success{color:var(--accent3);background:var(--accent3-dim);border-color:#00ff9d4d}.form-status.error{color:var(--accent2);background:var(--accent2-dim);border-color:#ff6b354d}footer{max-width:1100px;margin:40px auto 0;padding:24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);gap:16px;flex-wrap:wrap}.footer-text{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.footer-logo{font-family:var(--font-mono);font-size:1rem;font-weight:800;color:var(--accent);text-shadow:0 0 10px rgba(0,212,255,.4);letter-spacing:.05em}.cursor{position:fixed;pointer-events:none;z-index:9999;width:12px;height:12px;background:var(--accent);border-radius:50%;transition:transform .1s;mix-blend-mode:difference;box-shadow:0 0 8px var(--accent)}.cursor-ring{position:fixed;pointer-events:none;z-index:9998;width:36px;height:36px;border:1.5px solid var(--accent);border-radius:50%;opacity:.7;mix-blend-mode:screen}.theme-toggle{position:fixed;bottom:24px;right:24px;z-index:200;width:42px;height:42px;border-radius:2px;background:var(--surface);border:1px solid var(--border);color:var(--text2);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:var(--glow)}.reading-progress-bar{position:fixed;top:64px;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent3));z-index:99;box-shadow:0 0 8px var(--accent);transition:width .1s linear}.blog-layout{max-width:760px;margin:0 auto;padding:100px 24px 80px}.blog-header{margin-bottom:60px}.blog-header-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px;padding:4px 12px;border:1px solid var(--border);display:inline-block;border-radius:2px;background:var(--accent-dim)}.blog-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.blog-header-sub{font-size:.875rem;color:var(--text2)}.blog-list{display:flex;flex-direction:column;gap:2px}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);padding:24px 28px;transition:all .25s;cursor:pointer;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:0;transition:opacity .25s}.blog-card:hover:before{opacity:1}.blog-card:hover{border-color:var(--border-hover);background:var(--surface);transform:translate(6px)}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.blog-tag{font-family:var(--font-mono);font-size:.62rem;padding:3px 10px;border-radius:2px;border:1px solid var(--border);color:var(--accent);background:var(--accent-dim);text-transform:uppercase;letter-spacing:.08em}.blog-date,.blog-read-time{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);letter-spacing:.06em}.blog-card-title{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:8px;transition:color .2s;line-height:1.4}.blog-card:hover .blog-card-title{color:var(--accent)}.blog-card-excerpt{font-size:.85rem;color:var(--text2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border)}.post-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;transition:color .2s;text-decoration:none}.post-back:hover{color:var(--accent)}.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.post-tag{font-family:var(--font-mono);font-size:.62rem;padding:4px 10px;border-radius:2px;border:1px solid var(--border);color:var(--accent);background:var(--accent-dim);text-transform:uppercase;letter-spacing:.08em}.post-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:16px;letter-spacing:-.02em;line-height:1.25}.post-meta{display:flex;gap:16px;font-family:var(--font-mono);font-size:.7rem;color:var(--muted);letter-spacing:.08em;flex-wrap:wrap}.post-meta span{color:var(--accent)}.post-prose{font-size:1rem;line-height:1.85;color:var(--text2)}.post-prose h2{font-size:1.4rem;font-weight:700;color:var(--text);margin:40px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.post-prose h3{font-size:1.15rem;font-weight:600;color:var(--text);margin:28px 0 10px}.post-prose p{margin-bottom:18px}.post-prose strong{color:var(--text);font-weight:600}.post-prose ul,.post-prose ol{margin:0 0 18px 20px;display:flex;flex-direction:column;gap:6px}.post-prose li{color:var(--text2)}.post-prose code{font-family:var(--font-mono);font-size:.82em;background:var(--surface);border:1px solid var(--border);padding:2px 7px;border-radius:var(--radius-sm);color:var(--accent)}.post-prose pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;overflow-x:auto;margin:20px 0;position:relative}.post-prose pre:before{content:"// CODE";position:absolute;top:8px;right:12px;font-family:var(--font-mono);font-size:.58rem;color:var(--muted);letter-spacing:.1em}.post-prose pre code{background:none;border:none;padding:0;font-size:.85em;color:var(--text2);display:block;line-height:1.7}.post-prose blockquote{border-left:3px solid var(--accent);margin:20px 0;padding:12px 20px;background:var(--accent-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.post-prose blockquote p{margin:0;color:var(--text)}.post-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.post-prose a:hover{color:var(--accent3)}.blog-header-wrap{max-width:1100px;margin:0 auto;padding:120px 24px 48px;position:relative;overflow:hidden}.blog-bg-text{position:absolute;top:80px;right:-20px;font-size:clamp(6rem,20vw,14rem);font-weight:900;font-family:var(--font-mono);color:transparent;-webkit-text-stroke:1px var(--border);letter-spacing:-.05em;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5;line-height:1}.blog-tag-line{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.7rem;color:var(--accent3);text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px}.blog-tag-dot{width:6px;height:6px;background:var(--accent3);border-radius:50%;box-shadow:0 0 6px var(--accent3);animation:pulse-dot 2s infinite}.blog-main-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:.95;letter-spacing:-.03em;margin-bottom:20px}.blog-title-outline{color:transparent;-webkit-text-stroke:2px var(--accent);display:block;filter:drop-shadow(0 0 20px rgba(0,212,255,.3))}.blog-subtitle-text{font-size:1rem;color:var(--text2);line-height:1.7;max-width:520px}.blog-section-pad{max-width:1100px;margin:0 auto;padding:0 24px 48px}.blog-filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0 24px;border-bottom:1px solid var(--border);margin-bottom:0}.fbtn{font-family:var(--font-mono);font-size:.68rem;font-weight:600;padding:7px 16px;border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.08em;border-radius:2px;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.fbtn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.fbtn.active{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 15px #00d4ff40}.blog-empty{font-family:var(--font-mono);font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;padding:40px 0;text-align:center}.featured-post{display:grid;grid-template-columns:1fr 260px;gap:40px;background:var(--card-bg);border:1px solid rgba(0,212,255,.15);padding:40px;text-decoration:none;color:inherit;transition:all .3s;position:relative;overflow:hidden;margin-top:32px}.featured-post:before,.featured-post:after{content:"";position:absolute;width:18px;height:18px;border-color:var(--accent);border-style:solid;opacity:.6}.featured-post:before{top:10px;left:10px;border-width:2px 0 0 2px}.featured-post:after{bottom:10px;right:10px;border-width:0 2px 2px 0}.featured-post:hover{border-color:#00d4ff66;background:var(--surface);box-shadow:0 16px 40px -16px #00d4ff66,var(--glow);transform:translateY(-4px)}.fp-content{display:flex;flex-direction:column}.fp-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.post-cat-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:700;padding:3px 10px;border-radius:2px;border:1px solid;text-transform:uppercase;letter-spacing:.1em}.post-date,.fp-read-time{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);letter-spacing:.06em}.post-arrow{font-size:1rem;color:var(--muted);margin-left:auto;transition:color .2s,transform .2s}.featured-post:hover .post-arrow,.post-card:hover .post-arrow{color:var(--accent);transform:translate(3px,-3px)}.fp-label{font-family:var(--font-mono);font-size:.62rem;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px}.fp-title{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800;color:var(--text);line-height:1.2;margin-bottom:12px;letter-spacing:-.01em;transition:color .2s}.featured-post:hover .fp-title{color:var(--accent)}.fp-excerpt{font-size:.9rem;color:var(--text2);line-height:1.75;margin-bottom:20px;flex:1}.fp-cta{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.fp-side{display:flex;flex-direction:column;gap:28px;padding-top:8px;border-left:1px solid var(--border);padding-left:40px}.fp-stats{display:flex;flex-direction:column;gap:20px}.fp-stat-num{font-family:var(--font-mono);font-size:2.2rem;font-weight:800;color:var(--accent);text-shadow:0 0 20px rgba(0,212,255,.3);line-height:1}.fp-stat-label{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:2px}.fp-tags-wrap{display:flex;flex-wrap:wrap;gap:6px}.ftag{font-family:var(--font-mono);font-size:.6rem;padding:3px 8px;border:1px solid var(--border);color:var(--muted);border-radius:2px;letter-spacing:.05em}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:8px}.post-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:28px 30px;text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s,box-shadow .3s;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.post-card:hover:before{opacity:1}.post-card:hover{border-color:var(--border-hover);background:var(--surface);transform:translateY(-3px);box-shadow:0 8px 30px #00d4ff14}.post-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.post-num{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.post-title{font-size:1.05rem;font-weight:700;color:var(--text);margin:10px 0 8px;line-height:1.4;transition:color .2s}.post-card .post-cat-badge{align-self:flex-start;margin-bottom:4px}.post-card:hover .post-title{color:var(--accent)}.post-excerpt{font-size:.85rem;color:var(--text2);line-height:1.7;margin-bottom:16px;flex:1}.post-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.post-readtime,.post-year{font-family:var(--font-mono);font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.linkedin-section-wrap{padding-top:20px}.linkedin-section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.linkedin-label{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;white-space:nowrap}.linkedin-follow{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding:6px 14px;border:1px solid var(--border);border-radius:2px;transition:all .2s}.linkedin-follow:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.linkedin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.li-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:24px 28px;display:flex;flex-direction:column;gap:10px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s,box-shadow .25s;position:relative}.li-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0077b5,transparent);opacity:0;transition:opacity .3s}.li-card:hover:after{opacity:1}.li-card:hover{border-color:#0077b54d;background:var(--surface);transform:translateY(-4px);box-shadow:0 12px 30px -12px #0077b580}.li-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.li-platform-badge{font-family:var(--font-mono);font-size:.58rem;padding:2px 8px;border:1px solid rgba(0,119,181,.4);color:#0077b5;background:#0077b514;border-radius:2px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.li-date,.li-impressions{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);letter-spacing:.06em}.li-title{font-size:.92rem;font-weight:600;color:var(--text);line-height:1.4}.li-excerpt{font-size:.82rem;color:var(--text2);line-height:1.65;flex:1}.li-tags{display:flex;flex-wrap:wrap;gap:5px}.li-tag{font-family:var(--font-mono);font-size:.58rem;padding:2px 8px;border:1px solid var(--border);color:var(--muted);border-radius:2px;letter-spacing:.04em}.li-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);flex-wrap:wrap;gap:8px}.li-reactions{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);letter-spacing:.04em}.li-link{font-family:var(--font-mono);font-size:.62rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;transition:color .2s}.li-link:hover{color:var(--accent3)}.newsletter-block{background:var(--card-bg);border:1px solid var(--border);padding:40px 44px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;position:relative;overflow:hidden}.nl-bg-icon{position:absolute;top:-20px;right:30px;font-size:8rem;opacity:.03;pointer-events:none;-webkit-user-select:none;user-select:none}.nl-label{font-family:var(--font-mono);font-size:.62rem;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}.nl-title{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:12px;line-height:1.3}.nl-sub{font-size:.85rem;color:var(--text2);line-height:1.7}.nl-form{display:flex;flex-direction:column;gap:10px}.nl-input{background:var(--surface);border:1px solid var(--border);padding:11px 14px;font-family:inherit;font-size:.875rem;color:var(--text);border-radius:var(--radius-sm);outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.nl-input::placeholder{color:var(--muted)}.nl-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00d4ff1a}.nl-btn{padding:12px 24px;background:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.nl-btn:hover{background:transparent;color:var(--accent);border:1px solid var(--accent);box-shadow:0 0 20px #00d4ff40;clip-path:none}.nl-status{font-family:var(--font-mono);font-size:.72rem;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid}.nl-status.success{color:var(--accent3);border-color:#00ff9d4d;background:var(--accent3-dim)}.nl-status.error{color:var(--accent2);border-color:#ff6b354d;background:var(--accent2-dim)}.blogpost-wrapper{max-width:1100px;margin:0 auto;padding:90px 24px 60px;display:grid;grid-template-columns:220px 1fr;gap:60px;align-items:start}.toc-sidebar{position:sticky;top:90px;background:var(--card-bg);border:1px solid var(--border);padding:20px;border-radius:var(--radius-sm)}.toc-label{font-family:var(--font-mono);font-size:.62rem;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.toc-list{list-style:none;display:flex;flex-direction:column;gap:2px}.toc-item{font-family:var(--font-mono);font-size:.7rem;color:var(--text2);background:none;border:none;cursor:pointer;text-align:left;padding:6px 8px;border-radius:var(--radius-sm);transition:color .2s,background .2s;line-height:1.4;width:100%}.toc-item:hover{color:var(--accent);background:var(--accent-dim)}.blogpost-main{min-width:0}.back-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:28px;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--accent)}.article-header{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--border)}.article-meta-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.article-cat-badge{font-family:var(--font-mono);font-size:.62rem;font-weight:700;padding:4px 12px;border:1px solid;border-radius:2px;text-transform:uppercase;letter-spacing:.1em}.article-date,.article-readtime{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);letter-spacing:.06em}.article-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin-bottom:16px}.article-excerpt{font-size:1rem;color:var(--text2);line-height:1.75;margin-bottom:20px}.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.article-tag{font-family:var(--font-mono);font-size:.62rem;padding:4px 10px;border:1px solid var(--border);color:var(--text2);background:var(--surface);border-radius:2px;letter-spacing:.05em}.toc-mobile-toggle{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);background:var(--accent-dim);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;margin-top:12px;transition:all .2s}.toc-mobile-toggle:hover{border-color:var(--accent)}.toc-mobile{background:var(--card-bg);border:1px solid var(--border);padding:14px 16px;border-radius:var(--radius-sm);margin-top:10px;display:flex;flex-direction:column;gap:4px}.toc-mobile-item{font-family:var(--font-mono);font-size:.72rem;color:var(--text2);padding:6px 8px;display:flex;align-items:center;gap:10px}.toc-mobile-num{font-size:.6rem;color:var(--accent);min-width:20px}.article-body{font-size:1rem;line-height:1.85;color:var(--text2)}.article-h2{font-size:1.5rem;font-weight:700;color:var(--text);margin:44px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--border);letter-spacing:-.01em}.article-h3{font-size:1.15rem;font-weight:600;color:var(--text);margin:30px 0 12px}.article-p{margin-bottom:18px}.article-p strong{color:var(--text)}.article-highlight{border-left:3px solid var(--accent);margin:24px 0;padding:14px 20px;background:var(--accent-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.98rem;color:var(--text);font-style:italic}.article-tip{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent3);padding:14px 18px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:20px 0;font-size:.9rem;color:var(--text2);line-height:1.65}.article-tip-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.article-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0 0 20px;padding:0}.article-list li{padding-left:20px;position:relative;font-size:.95rem;color:var(--text2);line-height:1.7}.article-list li:before{content:"▸";position:absolute;left:0;color:var(--accent);font-size:.7rem;top:3px}.article-code-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:20px 0;position:relative}.code-lang-label{font-family:var(--font-mono);font-size:.6rem;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;padding:6px 16px;background:var(--surface2);border-bottom:1px solid var(--border);display:block}.article-code-block pre{padding:20px 24px;overflow-x:auto;margin:0}.article-code-block pre code{font-family:var(--font-mono);font-size:.85em;color:var(--text2);display:block;line-height:1.7}.inline-code{font-family:var(--font-mono);font-size:.82em;background:var(--surface);border:1px solid var(--border);padding:2px 6px;border-radius:var(--radius-sm);color:var(--accent)}.article-image-figure{margin:28px 0;padding:0;text-align:center}.article-image{max-width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--glow);transition:all .3s ease}.article-image:hover{box-shadow:var(--glow-strong);border-color:var(--border-hover)}.article-image-caption{margin-top:12px;font-size:.85rem;color:var(--text2);font-style:italic}.article-footer-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:48px 0 40px;gap:16px;flex-wrap:wrap}.article-back-btn{font-family:var(--font-mono);font-size:.72rem;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s;text-decoration:none}.article-back-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.article-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.article-share-label{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.share-btn{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;padding:6px 14px;border:1px solid rgba(0,212,255,.3);border-radius:2px;text-decoration:none;transition:all .2s}.share-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.related-section{margin-top:8px}.related-label{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.related-card{background:var(--card-bg);border:1px solid var(--card-border);padding:20px 24px;text-decoration:none;color:inherit;transition:all .25s;position:relative;overflow:hidden}.related-card:hover{border-color:var(--border-hover);background:var(--surface);transform:translateY(-2px)}.related-cat{font-family:var(--font-mono);font-size:.58rem;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.related-title{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:8px;transition:color .2s}.related-card:hover .related-title{color:var(--accent)}.related-meta{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);letter-spacing:.06em}@media (max-width: 900px){.featured-post{grid-template-columns:1fr}.fp-side{border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:24px}.fp-stats{flex-direction:row;flex-wrap:wrap;gap:24px}.blogpost-wrapper{grid-template-columns:1fr;padding-top:80px}.toc-sidebar{display:none}.toc-mobile-toggle{display:block}.newsletter-block{grid-template-columns:1fr;gap:28px}.related-grid{grid-template-columns:1fr}}@media (max-width: 600px){.blog-header-wrap{padding:100px 16px 36px}.blog-section-pad{padding:0 16px 36px}.blog-posts-grid,.linkedin-grid{grid-template-columns:1fr}.blogpost-wrapper{padding:80px 16px 40px}.featured-post{padding:24px}.newsletter-block{padding:28px 20px}}@media (max-width: 900px){nav{padding:0 20px}.nav-desktop{display:none!important}.hamburger{display:flex}.mobile-menu{display:block}.hide-mob{display:none}section{padding:80px 20px 48px}.about-gateway{gap:40px}.about-cta-section{padding:28px 20px}.btn-journey-cta{font-size:1rem}.about-intro-title{font-size:1.4rem}.exp-item{grid-template-columns:1fr;gap:10px;padding-left:20px}.projects-grid.zigzag-container{gap:24px}.proj-zigzag-wrapper{grid-template-columns:1fr;gap:20px;padding:20px}.project-card.zigzag.zigzag-right .proj-image-container.zigzag,.project-card.zigzag.zigzag-right .proj-zigzag-content{order:auto}.proj-image-container.zigzag{height:220px}.proj-title.zigzag{font-size:1.4rem}.proj-summary{font-size:.85rem}.proj-side{justify-content:flex-start}.contact-wrapper{grid-template-columns:1fr;gap:40px}.hero-stats{max-width:100%}footer{justify-content:center;text-align:center}}@media (max-width: 600px){section{padding:70px 16px 40px}nav{padding:0 16px}.hero-h1{font-size:clamp(2.4rem,12vw,3.5rem)}.hero-actions{flex-wrap:wrap;gap:8px}.hero-actions .btn-primary,.hero-actions .btn-ghost{flex:1 1 calc(50% - 4px);justify-content:center;min-width:130px}.hero-stats{flex-direction:row;flex-wrap:wrap}.stat{min-width:calc(50% - 1px)}.section-header{flex-wrap:wrap;gap:10px}.section-line{display:none}.form-row{grid-template-columns:1fr}.cert-grid{grid-template-columns:1fr;gap:16px}.cert-card{padding:20px}.cert-badge{width:44px;height:44px;font-size:1.6rem}.cert-modal-content{max-width:90vw;max-height:95vh}.cert-modal-image{margin-bottom:16px}.cert-modal-info{padding:0 16px 16px}.cert-modal-info h3{font-size:1.2rem}.cert-name{font-size:.95rem}.ach-grid{grid-template-columns:1fr}.edu-item{grid-template-columns:1fr;gap:4px}.exp-item{grid-template-columns:1fr}.projects-filter{gap:6px}.filter-btn{font-size:.62rem;padding:6px 12px}.blog-layout{padding:80px 16px 60px}.contact-headline{font-size:clamp(1.6rem,7vw,2rem)}.hero-tag{font-size:.65rem}.post-title{font-size:clamp(1.4rem,6vw,1.8rem)}}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.6}.hud-corner{position:absolute;width:24px;height:24px;border-color:var(--accent);border-style:solid;opacity:.35;animation:cornerPulse 2.5s ease-in-out infinite;pointer-events:none}.hud-tl{top:80px;left:24px;border-width:2px 0 0 2px}.hud-br{bottom:60px;right:24px;border-width:0 2px 2px 0}@media (max-width: 600px){.hud-tl{top:70px;left:16px}.hud-br{bottom:40px;right:16px}}.hero-role-label{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px;animation:fadeUp .6s .15s ease both;opacity:.85}.hero-quote{margin-top:40px;margin-bottom:32px;animation:fadeUp .6s .35s ease both;max-width:580px;padding:20px 24px;border-left:3px solid var(--accent);background:linear-gradient(135deg,#00d4ff0d,#bf00ff0d);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-quote-text{font-size:clamp(.95rem,2vw,1.1rem);color:var(--text);font-weight:600;font-style:italic;line-height:1.8;margin:0;animation:heroQuoteGlow 3s ease-in-out infinite;letter-spacing:.3px}.nav-logo-sub{font-size:.48rem;color:var(--muted);display:block;line-height:1;letter-spacing:.15em;font-weight:400;margin-top:-2px}.nav-right{display:flex;align-items:center;gap:8px}.about-links{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.about-links .btn-ghost{padding:9px 18px;font-size:.72rem}.skills-grid-label{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}.skill-group{padding-bottom:16px;border-bottom:1px solid var(--border)}.skill-group:last-child{border-bottom:none;padding-bottom:0}.skill-group--purple .skill-group-label{color:var(--accent4);border-left-color:var(--accent4)}.skill-group--orange .skill-group-label{color:var(--accent2);border-left-color:var(--accent2)}.skill-group--green .skill-group-label{color:var(--accent3);border-left-color:var(--accent3)}.exp-left{display:flex;flex-direction:column;gap:4px}.exp-index{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.exp-item--orange:before{border-color:var(--accent2);box-shadow:0 0 12px #ff6b3580}.exp-item--orange:hover:before{background:var(--accent2);box-shadow:0 0 20px #ff6b35cc}.exp-right{display:flex;flex-direction:column}.cert-count{display:flex;align-items:center;gap:12px;margin-bottom:28px}.cert-count-num{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;color:var(--accent);text-shadow:0 0 20px rgba(0,212,255,.3);line-height:1}.cert-count-label{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.15em}.cert-index{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.ach-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ach-stat{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--accent3);border:1px solid rgba(0,255,157,.3);padding:3px 8px;border-radius:2px;background:var(--accent3-dim);letter-spacing:.08em;text-transform:uppercase;transition:box-shadow .3s}.ach-card:hover .ach-stat{box-shadow:0 0 14px #00ff9d40}.ach-index{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding-top:14px;border-top:1px solid var(--border)}.edu-year-num{font-family:var(--font-mono);font-size:1.4rem;font-weight:800;color:var(--accent3);text-shadow:0 0 15px rgba(0,255,157,.3);line-height:1}.edu-year-label{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:2px}.footer-location{display:flex;align-items:center;gap:6px}.footer-dot{width:6px;height:6px;border-radius:50%;background:var(--accent3);box-shadow:0 0 6px var(--accent3);animation:pulse-dot 2.5s infinite;flex-shrink:0}.theme-toggle-compact{width:34px;height:34px;border-radius:2px;background:transparent;border:1px solid var(--border);color:var(--muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle-compact:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.nav-socials{display:flex;align-items:center;gap:2px;padding-right:10px;margin-right:6px;border-right:1px solid var(--border)}.nav-social-icon{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:7px;border:1px solid rgba(0,229,255,0);text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);animation:navIconIn .45s calc(var(--si, 0) * 70ms + .4s) ease both}@keyframes navIconIn{0%{opacity:0;transform:translateY(-10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-social-icon:hover{color:var(--sc, var(--accent));background:#00e5ff14;border-color:#00e5ff33;transform:translateY(-4px);box-shadow:0 8px 20px #00e5ff26}.nav-social-tip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);font-family:var(--font-mono);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text);background:var(--surface2);border:1px solid var(--border);padding:4px 9px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200}.nav-social-tip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--border)}.nav-social-icon:hover .nav-social-tip{opacity:1;transform:translate(-50%) translateY(0)}.nav-resume-btn{font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:8px 16px;border:1px solid rgba(0,229,255,.4);color:var(--accent);text-decoration:none;background:#00e5ff0d;border-radius:6px;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.34,1.56,.64,1);animation:navIconIn .45s calc(210ms + .4s) ease both,resumeGlow 3s 1.5s ease-in-out infinite;white-space:nowrap;margin-left:8px}@keyframes resumeGlow{0%,to{box-shadow:0 0 #00e5ff00}50%{box-shadow:0 0 16px #00e5ff66,0 0 32px #00e5ff26}}.nav-resume-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,229,255,.1),transparent);opacity:0;transition:opacity .25s;pointer-events:none}.nav-resume-btn:hover:before{opacity:1}.nav-resume-btn:hover{color:var(--accent);background:#00e5ff1f;border-color:#00e5ff99;transform:translateY(-3px);box-shadow:0 8px 24px #00e5ff40}@media (max-width: 1100px){.nav-socials{display:none}}.mobile-socials{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-top:1px solid var(--border);flex-wrap:wrap}.mobile-social-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;transition:color .2s,border-color .2s,background .2s}.mobile-social-icon:hover{color:var(--sc, var(--accent));border-color:var(--sc, var(--accent));background:#ffffff0d}.mobile-resume-link{font-family:var(--font-mono);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border:1px solid var(--accent);background:var(--accent-dim);padding:6px 14px;text-decoration:none;border-radius:2px;transition:background .2s,color .2s;margin-left:auto}.mobile-resume-link:hover{background:var(--accent);color:var(--bg)}.nav-hash-btn,.mobile-hash-btn{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;padding:8px 14px;border-radius:6px;transition:all .25s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(0,229,255,0);position:relative;overflow:hidden;line-height:1}.nav-hash-btn:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transition:width .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px var(--accent)}.nav-hash-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(0,229,255,.15),transparent 80%);border-radius:6px;opacity:0;transition:opacity .25s;pointer-events:none}.nav-hash-btn:hover,.nav-hash-btn.active{color:var(--accent);background:#00e5ff14;border-color:#00e5ff33}.nav-hash-btn:hover:after,.nav-hash-btn.active:after{opacity:1}.nav-hash-btn:hover:before,.nav-hash-btn.active:before{width:90%}.nav-hash-btn.active{background:#00e5ff1f;border-color:#00e5ff4d;box-shadow:inset 0 0 12px #00e5ff14}.mobile-hash-btn{font-size:.82rem;padding:12px 16px;display:block;width:100%;text-align:left}.mobile-hash-btn:hover,.mobile-hash-btn.active{color:var(--accent);background:var(--accent-dim);border-color:var(--border)}.fbtn-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;font-size:.52rem;background:var(--surface2);border-radius:10px;padding:0 4px;margin-left:5px;color:var(--muted);transition:background .2s,color .2s}.fbtn.active .fbtn-count{background:#03050866;color:var(--bg)}.blog-filter-item{transition:opacity .35s ease,transform .35s ease,max-height .35s ease;animation:blogCardIn .4s calc(var(--stagger, 0) * 60ms) both}.blog-filter-hidden{opacity:0;transform:scale(.96) translateY(8px);pointer-events:none;position:absolute;visibility:hidden;height:0;padding:0;margin:0;border:none;overflow:hidden}.blog-filter-visible{opacity:1;transform:scale(1) translateY(0);position:relative;visibility:visible;height:auto}@keyframes blogCardIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;position:relative}.skills-page{padding-top:100px;padding-bottom:80px}.skills-page-sub{font-size:1rem;color:var(--text2);margin-bottom:36px;max-width:520px;line-height:1.7}.skills-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:48px;padding-bottom:20px;border-bottom:1px solid var(--border)}.skills-tab{font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:8px 18px;border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;transition:all .25s;text-transform:uppercase;letter-spacing:.1em;border-radius:2px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.skills-tab:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.skills-tab.active{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 20px #00d4ff4d;clip-path:none}.skills-categories{display:flex;flex-direction:column;gap:48px}.skills-cat-block{display:flex;flex-direction:column;gap:20px}.skills-cat-label{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em}.skills-cat-line{display:inline-block;width:24px;height:2px;border-radius:1px;flex-shrink:0;box-shadow:0 0 6px currentColor}.skills-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.skill-card{opacity:0;transform:translateY(20px) scale(.95);transition:opacity .5s ease,transform .5s ease}.skill-card--visible{opacity:1;transform:translateY(0) scale(1)}.skill-card-inner{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px 12px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.skill-card-inner:before,.skill-card-inner:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--accent);border-style:solid;opacity:0;transition:opacity .3s}.skill-card-inner:before{top:5px;left:5px;border-width:2px 0 0 2px}.skill-card-inner:after{bottom:5px;right:5px;border-width:0 2px 2px 0}.skill-card-inner:hover:before,.skill-card-inner:hover:after{opacity:1}.skill-card-inner:hover{border-color:var(--border-hover);background:var(--surface);transform:translateY(-4px);box-shadow:0 12px 30px #00d4ff1a}.skill-logo-wrap{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.skill-logo{width:40px;height:40px;object-fit:contain;transition:transform .3s,filter .3s;position:relative;z-index:1}.skill-card-inner:hover .skill-logo{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(0,212,255,.4))}.skill-logo-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.15),transparent 70%);opacity:0;transition:opacity .3s}.skill-card-inner:hover .skill-logo-glow{opacity:1}.skill-name{font-family:var(--font-mono);font-size:.65rem;color:var(--text2);text-align:center;letter-spacing:.04em;line-height:1.3;transition:color .2s}.skill-card-inner:hover .skill-name{color:var(--text)}.prof-section{margin-top:64px}.prof-section-title{font-size:1.4rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.prof-bars-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px}.prof-bar-row{display:flex;flex-direction:column;gap:8px}.prof-bar-header{display:flex;justify-content:space-between;align-items:center}.prof-bar-skill{font-family:var(--font-mono);font-size:.72rem;color:var(--text2);letter-spacing:.05em}.prof-bar-pct{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);font-weight:700}.prof-bar-track{height:4px;background:var(--surface2);border-radius:2px;overflow:visible;position:relative}.prof-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent3));border-radius:2px;transition:width 1.2s cubic-bezier(.16,1,.3,1);position:relative}.prof-bar-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent3);box-shadow:0 0 8px var(--accent3)}.prof-bar-fill-glow{position:absolute;top:-2px;height:8px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3));border-radius:4px;transition:width 1.2s cubic-bezier(.16,1,.3,1);pointer-events:none}footer.footer-full{max-width:100%;margin:0;padding:0;border-top:1px solid var(--border);background:var(--bg2);position:relative;overflow:hidden}footer.footer-full:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent3),var(--accent4),transparent);opacity:.5}.footer-row{max-width:1100px;margin:0 auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand-mini{display:flex;align-items:baseline;gap:12px;flex-shrink:0}.footer-logo-sm{font-family:var(--font-mono);font-size:1.15rem;font-weight:900;color:var(--accent);text-shadow:0 0 16px rgba(0,212,255,.4);letter-spacing:.05em}.footer-tagline-sm{font-family:var(--font-mono);font-size:.68rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.footer-nav-inline{list-style:none;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px 22px}.footer-nav-btn,.footer-nav-link{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;color:var(--text2);letter-spacing:.06em;text-transform:uppercase;padding:4px 0;transition:color .2s;text-decoration:none;display:block}.footer-nav-btn:hover,.footer-nav-link:hover{color:var(--accent)}.footer-socials{display:flex;flex-direction:row;gap:8px;flex-shrink:0}.footer-social-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;box-sizing:border-box;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,color .2s,box-shadow .2s;position:relative;overflow:hidden}.footer-social-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--social-color, var(--accent));opacity:0;transition:opacity .2s;z-index:0}.footer-social-btn svg{position:relative;z-index:1;width:14px;height:14px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.footer-social-btn:hover:before{opacity:.12}.footer-social-btn:hover{border-color:var(--social-color, var(--accent));transform:translateY(-2px);color:var(--social-color, var(--accent));box-shadow:0 6px 16px -8px var(--social-color, var(--accent))}.footer-social-btn:hover svg{transform:scale(1.1)}.footer-bottom{max-width:1100px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);flex-wrap:wrap;gap:8px}.footer-copy{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.footer-status{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.6rem;color:var(--accent3);text-transform:uppercase;letter-spacing:.1em}@media (max-width: 900px){.skills-icon-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.prof-bars-grid{grid-template-columns:1fr;gap:20px}.footer-row{flex-direction:column;gap:16px;padding:24px;text-align:center}.footer-nav-inline{justify-content:center}}@media (max-width: 600px){.skills-icon-grid{grid-template-columns:repeat(4,1fr);gap:8px}.footer-row{padding:20px 16px;gap:14px}.footer-tagline-sm{display:none}.footer-nav-inline{gap:6px 14px}.footer-bottom{padding:12px 16px;flex-direction:column;text-align:center;gap:6px}}.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:60px;width:100%}.hero-inner .hero-content{max-width:660px}.hero-photo-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:14px;animation:heroPhotoIn .9s .5s ease both}@keyframes heroPhotoIn{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}.hero-photo-frame{position:relative;width:248px;height:292px;border:1px solid var(--border);background:var(--surface);overflow:hidden;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));animation:heroPhotoFloat 6s ease-in-out infinite}@keyframes heroPhotoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-photo-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--accent);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));animation:photoBorderPulse 3s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes photoBorderPulse{0%,to{opacity:.25}50%{opacity:.9;box-shadow:0 0 24px #00d4ff33}}.hero-photo-scan{position:absolute;left:0;right:0;height:64px;background:linear-gradient(180deg,transparent,rgba(0,212,255,.07),transparent);animation:photoScanLine 3.5s linear infinite;pointer-events:none;z-index:9}@keyframes photoScanLine{0%{top:-64px}to{top:100%}}.hero-photo-corner{position:absolute;width:16px;height:16px;border-color:var(--accent);border-style:solid;z-index:11;box-shadow:0 0 6px #00d4ff80;animation:cornerPulse 3s ease-in-out infinite}.hero-photo-corner.tl{top:8px;left:8px;border-width:2px 0 0 2px}.hero-photo-corner.tr{top:8px;right:8px;border-width:2px 2px 0 0}.hero-photo-corner.bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.hero-photo-corner.br{bottom:8px;right:8px;border-width:0 2px 2px 0}.hero-photo-img{width:100%;height:100%;object-fit:cover;object-position:center top;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;filter:saturate(.92) contrast(1.06);transition:filter .4s}.hero-photo-img:hover{filter:saturate(1) contrast(1)}.hero-photo-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:1;background:linear-gradient(155deg,var(--surface2) 0%,var(--card-bg) 100%)}.hero-photo-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.05) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.hero-photo-initials{font-family:var(--font-mono);font-size:3.8rem;font-weight:900;color:var(--accent);text-shadow:0 0 30px rgba(0,212,255,.5),0 0 60px rgba(0,212,255,.2);animation:neonPulse 3s ease-in-out infinite;letter-spacing:.06em;position:relative;z-index:2}.hero-photo-id-label{font-family:var(--font-mono);font-size:.48rem;color:var(--muted);letter-spacing:.25em;text-transform:uppercase;position:relative;z-index:2}.hero-photo-badge{font-family:var(--font-mono);font-size:.52rem;color:var(--accent3);letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:7px}.hero-photo-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent3);box-shadow:0 0 6px var(--accent3);flex-shrink:0;animation:pulse-dot 2s infinite}@media (max-width: 900px){.hero-inner{flex-direction:column-reverse;gap:36px;align-items:flex-start}.hero-photo-wrap{align-self:center}.hero-photo-frame{width:180px;height:212px}.hero-photo-initials{font-size:2.6rem}}@media (max-width: 600px){.hero-photo-frame{width:148px;height:174px}.hero-photo-initials{font-size:2rem}}.btn-about-skills{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--card-bg);border:1px solid var(--border);text-decoration:none;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;gap:20px;margin-bottom:16px}.btn-about-skills:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,var(--accent-dim),var(--accent3-dim));opacity:0;transition:opacity .3s}.btn-about-skills:hover:before{opacity:1}.btn-about-skills:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 28px #00d4ff2e}.btn-skills-left{display:flex;flex-direction:column;gap:3px;position:relative}.btn-skills-label{font-family:var(--font-mono);font-size:.5rem;color:var(--accent);letter-spacing:.2em;text-transform:uppercase}.btn-skills-text{font-family:var(--font-mono);font-size:.88rem;font-weight:700;color:var(--text);letter-spacing:.06em;transition:color .2s}.btn-about-skills:hover .btn-skills-text{color:var(--accent)}.btn-skills-arrow{font-family:var(--font-mono);font-size:1.4rem;color:var(--accent);flex-shrink:0;transition:transform .3s;position:relative}.btn-about-skills:hover .btn-skills-arrow{transform:translate(5px)}.about-socials{display:flex;gap:8px;flex-wrap:wrap}.btn-about-social{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1px solid var(--border);background:var(--card-bg);color:var(--text2);border-radius:var(--radius-sm);transition:all .25s;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}.btn-about-social:hover{transform:translateY(-2px);background:var(--surface)}.btn-social-linkedin:hover{border-color:#0077b5;color:#0077b5;box-shadow:0 4px 14px #0077b533}.btn-social-github:hover{border-color:var(--text);color:var(--text);box-shadow:0 4px 14px #ffffff14}.btn-social-email:hover{border-color:#ea4335;color:#ea4335;box-shadow:0 4px 14px #ea433533}.journey-intro{font-size:clamp(.95rem,2vw,1.08rem);color:var(--text2);line-height:1.85;max-width:620px;margin-bottom:56px;padding-left:20px;border-left:3px solid var(--accent);font-style:italic}.journey-flow{display:flex;flex-direction:column;margin-bottom:60px}.journey-step{display:grid;grid-template-columns:56px 1fr;align-items:start;gap:0 24px}.journey-track{display:flex;flex-direction:column;align-items:center;padding-top:22px}.journey-phase-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.78rem;font-weight:900;color:var(--bg);flex-shrink:0;z-index:1;position:relative;transition:transform .3s}.journey-step:hover .journey-phase-circle{transform:scale(1.12)}.journey-track-line{width:2px;flex:1;min-height:56px;margin-top:10px;border-radius:1px}.journey-step-card{background:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--jc, var(--accent));padding:24px 28px 26px;margin-bottom:28px;position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:box-shadow .35s,transform .35s}.journey-step-card:hover{transform:translate(4px);box-shadow:-4px 0 0 var(--jc, var(--accent)),0 12px 40px #00000059}.journey-card-bg-num{position:absolute;top:-16px;right:20px;font-family:var(--font-mono);font-size:8rem;font-weight:900;color:var(--jc, var(--accent));opacity:.04;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .3s}.journey-step-card:hover .journey-card-bg-num{opacity:.07}.journey-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px}.journey-card-pills{display:flex;align-items:center;gap:8px}.journey-year-pill{font-family:var(--font-mono);font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;padding:3px 10px;border:1px solid;border-radius:20px;white-space:nowrap}.journey-period-pill{font-family:var(--font-mono);font-size:.52rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;padding:3px 10px;border:1px solid var(--border);border-radius:20px}.journey-phase-tag{font-family:var(--font-mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.journey-step-title{font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:700;color:var(--text);margin-bottom:14px;line-height:1.4;letter-spacing:-.01em}.journey-step-body{font-size:.9rem;color:var(--text2);line-height:1.9;margin-bottom:20px}.journey-step-tags{display:flex;flex-wrap:wrap;gap:6px}.journey-step-tag{font-family:var(--font-mono);font-size:.54rem;font-weight:600;padding:3px 9px;border:1px solid;border-radius:2px;text-transform:uppercase;letter-spacing:.08em;opacity:.8;transition:opacity .2s,background .2s;background:transparent}.journey-step-tag:hover{opacity:1;background:#ffffff0a}.journey-end-node{display:flex;align-items:center;gap:14px;padding-left:18px;margin-top:-8px;margin-bottom:8px}.journey-end-dot{width:14px;height:14px;border-radius:50%;background:var(--accent3);box-shadow:0 0 14px var(--accent3);flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}.journey-end-label{font-family:var(--font-mono);font-size:.6rem;color:var(--accent3);letter-spacing:.22em;text-transform:uppercase}.journey-identity{background:var(--card-bg);border:1px solid var(--border);padding:36px 40px;position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.journey-identity:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3),var(--accent4),var(--accent));background-size:300% 100%;animation:gradientShift 4s linear infinite}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:300% 50%}}.journey-identity:after{content:"";position:absolute;bottom:0;right:0;width:200px;height:200px;background:radial-gradient(ellipse at bottom right,rgba(0,212,255,.05),transparent 70%);pointer-events:none}.journey-id-header{display:flex;align-items:center;gap:8px;margin-bottom:28px}.journey-id-sys{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);letter-spacing:.2em;text-transform:uppercase}.journey-id-blink{color:var(--accent);font-family:var(--font-mono);font-weight:700;animation:blink 1s step-end infinite}.journey-id-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 48px;margin-bottom:32px}.journey-id-row{display:flex;align-items:center;gap:10px;animation:fadeUp .5s both}.journey-id-prompt{font-family:var(--font-mono);font-size:1rem;font-weight:900;line-height:1;flex-shrink:0}.journey-id-always{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);flex-shrink:0}.journey-id-role{font-family:var(--font-mono);font-size:1rem;font-weight:800;letter-spacing:.04em}.journey-id-quote{font-size:.92rem;color:var(--text2);font-style:italic;line-height:1.75;border-top:1px solid var(--border);padding-top:20px;margin:0;position:relative;z-index:1}@media (max-width: 700px){.journey-step{grid-template-columns:44px 1fr;gap:0 16px}.journey-phase-circle{width:36px;height:36px;font-size:.66rem}.journey-step-card{padding:18px 18px 20px;margin-bottom:20px;clip-path:none}.journey-identity{padding:24px 20px;clip-path:none}.journey-id-grid{grid-template-columns:1fr;gap:12px}.journey-id-role{font-size:.88rem}.journey-card-bg-num{font-size:5rem}}@media (max-width: 420px){.journey-step{grid-template-columns:36px 1fr;gap:0 12px}.journey-card-top{flex-direction:column;align-items:flex-start}}.page-top-pad{padding-top:88px}.float-home-btn{position:fixed;bottom:28px;right:28px;z-index:999;display:flex;flex-direction:column;align-items:center;gap:2px;width:52px;height:52px;background:var(--card-bg);border:1px solid var(--border);color:var(--accent);cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:all .3s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none}.float-home-btn--show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.float-home-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border:1px solid var(--accent);opacity:0;transition:opacity .25s;animation:photoBorderPulse 3s ease-in-out infinite}.float-home-btn:hover{background:var(--surface);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 24px #00d4ff33}.float-home-btn:hover:before{opacity:1}.float-home-icon{font-size:1.1rem;line-height:1;margin-top:10px}.float-home-label{font-family:var(--font-mono);font-size:.42rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);line-height:1;transition:color .2s}.float-home-btn:hover .float-home-label{color:var(--accent)}@media (max-width: 600px){.float-home-btn{bottom:18px;right:18px;width:44px;height:44px}.float-home-icon{font-size:1rem;margin-top:8px}}@media print{nav,.theme-toggle,.cursor-ring,.cursor-dot{display:none}section{padding:20px 0}}[data-theme=light] body:after{background-image:radial-gradient(circle,rgba(0,100,160,.07) 1px,transparent 1px)}[data-theme=light] #hero:before{background:radial-gradient(ellipse at center,rgba(0,136,204,.06) 0%,transparent 70%)}[data-theme=light] .hero-canvas{opacity:.25}[data-theme=light] .hero-photo-scan{background:linear-gradient(180deg,transparent,rgba(0,136,204,.08),transparent)}[data-theme=light] .hero-photo-corner{box-shadow:0 0 6px #08c6}[data-theme=light] .hero-photo-grid-overlay{background-image:linear-gradient(rgba(0,136,204,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,136,204,.06) 1px,transparent 1px)}[data-theme=light] .nav-social-icon:hover{background:#0088cc14;border-color:#08c3;box-shadow:0 8px 20px #0088cc1f}[data-theme=light] .mobile-social-icon:hover{background:#0000000a}[data-theme=light] nav.nav-scrolled{border-bottom-color:#08c3;box-shadow:0 0 16px #0088cc14,0 1px #0088cc26}[data-theme=light] .mobile-overlay{background:#00000059}[data-theme=light] .journey-step-card:hover{box-shadow:-4px 0 0 var(--jc, var(--accent)),0 12px 40px #0000001a}[data-theme=light] .journey-step-tag:hover{background:#0000000a}[data-theme=light] .journey-identity:after{background:radial-gradient(ellipse at bottom right,rgba(0,136,204,.06),transparent 70%)}[data-theme=light] .fbtn.active .fbtn-count{background:#f0f4f899;color:var(--bg)}[data-theme=light] .float-home-btn:hover{box-shadow:0 8px 24px #0000001f}[data-theme=light] .btn-social-github:hover{border-color:#333;color:#333;box-shadow:0 4px 14px #0000001f}[data-theme=light] .skill-card-inner:hover{box-shadow:0 12px 30px #0064a01f}[data-theme=light] .prof-bar-fill-glow{background:linear-gradient(90deg,transparent,rgba(0,136,204,.25))}[data-theme=light] .name-outline{filter:drop-shadow(0 0 16px rgba(0,136,204,.35))}[data-theme=light] .contact-headline span{text-shadow:0 0 20px rgba(0,136,204,.2)}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus{box-shadow:0 0 0 2px #0088cc26,0 0 10px #0088cc0f}[data-theme=light] .skills-tab.active,[data-theme=light] .filter-btn.active{box-shadow:0 0 16px #0088cc40}[data-theme=light] .fbtn.active{box-shadow:0 0 12px #08c3}[data-theme=light] .section-num{animation:none;opacity:.85}[data-theme=light] footer.footer-full{background:var(--bg2);box-shadow:0 -1px 0 var(--border)}[data-theme=light] .featured-post{border-color:#0088cc2e}[data-theme=light] .featured-post:hover{border-color:#08c6;box-shadow:0 4px 24px #0064a01a}[data-theme=light] .post-card:hover,[data-theme=light] .blog-card:hover,[data-theme=light] .cert-card:hover{box-shadow:0 8px 30px #0064a014}[data-theme=light] .stat-num,[data-theme=light] .cert-count-num,[data-theme=light] .edu-year-num{text-shadow:none}[data-theme=light] .footer-logo-sm{text-shadow:0 0 12px rgba(0,136,204,.2)}[data-theme=light] .nav-logo{background:none}[data-theme=light] .nav-logo:hover{background:#0088cc0f}[data-theme=light] .hero-photo-initials{text-shadow:0 0 16px rgba(0,136,204,.3),0 0 32px rgba(0,136,204,.12)}.neural-logo-link{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border-radius:8px;transition:background-color .3s cubic-bezier(.34,1.56,.64,1);will-change:background-color}.neural-logo-link:hover{background-color:#00e5ff14}.neural-logo-link:active{background-color:#00e5ff1f}.neural-logo-svg{display:block;filter:drop-shadow(0 0 2px rgba(0,229,255,.1));transition:filter .3s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}.neural-logo-link:hover .neural-logo-svg{filter:drop-shadow(0 0 6px rgba(0,229,255,.25))}[data-theme=light] .neural-logo-link{background-color:#0088cc0f}[data-theme=light] .neural-logo-link:hover{background-color:#0088cc1f}[data-theme=light] .neural-logo-link:active{background-color:#0088cc2e}[data-theme=light] .neural-logo-svg{filter:drop-shadow(0 0 2px rgba(0,136,204,.15))}[data-theme=light] .neural-logo-link:hover .neural-logo-svg{filter:drop-shadow(0 0 6px rgba(0,136,204,.3))}.navbar-premium{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#050f1ccc;border-bottom:1px solid;border-bottom-color:#00e5ff33;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);will-change:border-color,box-shadow;transition:box-shadow .3s ease}.navbar-premium:has(+*:scroll-within){box-shadow:0 0 30px #00e5ff1a}.navbar-logo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:-8px;padding:0;background:none;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;will-change:background-color,transform;flex-shrink:0}.navbar-logo:hover{background-color:#00e5ff14}.navbar-logo:active{transform:scale(.95)}.neural-network-logo{display:block;filter:drop-shadow(0 0 4px rgba(0,229,255,.2));will-change:transform;backface-visibility:hidden}.navbar-nav-center{display:none;align-items:center;gap:8px;flex:1;margin:0 24px}@media (min-width: 768px){.navbar-nav-center{display:flex}}.navbar-nav-group{display:flex;align-items:center;gap:4px}.navbar-nav-separator{width:1px;height:24px;background:#ffffff1a;margin:0 8px}.navbar-nav-item{position:relative;padding:8px 14px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;will-change:background-color,color,transform;white-space:nowrap}.navbar-nav-item:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:1px}.navbar-nav-static{color:#ffffff80;text-decoration:none}.navbar-nav-static:hover{color:#00e5ff;background-color:#00e5ff1a}.navbar-underline{position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:1px;filter:drop-shadow(0 0 6px currentColor)}.navbar-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.navbar-socials-container{display:none;align-items:center;gap:8px;padding-left:16px;border-left:1px solid rgba(255,255,255,.1)}@media (min-width: 1024px){.navbar-socials-container{display:flex}}.navbar-social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:1px solid rgba(0,229,255,0);border-radius:7px;color:#ffffff80;text-decoration:none;cursor:pointer;transition:all .25s ease;will-change:background-color,color,transform}.navbar-social-icon:hover{color:#00e5ff}.navbar-resume-btn{padding:8px 16px;font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border:1px solid;border-radius:6px;text-decoration:none;cursor:pointer;transition:all .25s ease;white-space:nowrap;will-change:background-color,border-color,transform}.navbar-hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:40px;height:40px;padding:0;background:none;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.navbar-hamburger:hover{background-color:#00e5ff1a;border-color:#00e5ff33}.navbar-hamburger span{display:block;width:20px;height:2px;background:#fff9;border-radius:1px;transition:all .3s ease}@media (min-width: 768px){.navbar-hamburger{display:none}}.navbar-mobile-menu{position:fixed;top:64px;left:0;right:0;background:#050f1cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,229,255,.1);z-index:40;padding:16px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 64px);overflow-y:auto}@media (min-width: 768px){.navbar-mobile-menu{display:none}}.navbar-mobile-item{width:100%;padding:12px 16px;text-align:left;font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:6px;cursor:pointer;background:none;text-decoration:none;transition:all .2s ease;will-change:background-color,color}.navbar-mobile-item:hover{background-color:#00e5ff1a}.navbar-mobile-divider{height:1px;background:#ffffff1a;margin:8px 0}[data-theme=light] .navbar-premium{background:#f0f4f8cc;border-bottom-color:#0088cc26}[data-theme=light] .navbar-logo:hover{background-color:#0088cc14}[data-theme=light] .navbar-nav-item{color:#00000080}[data-theme=light] .navbar-nav-item:hover{color:#08c;background-color:#0088cc1a}[data-theme=light] .navbar-nav-static{color:#00000080}[data-theme=light] .navbar-nav-static:hover{color:#08c;background-color:#0088cc1a}[data-theme=light] .navbar-social-icon{color:#00000080}[data-theme=light] .navbar-social-icon:hover{color:#08c}[data-theme=light] .neural-network-logo{filter:drop-shadow(0 0 4px rgba(0,136,204,.15))}
