*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050a14;--bg2: #070d1c;--cyan: #22d3ee;--purple: #8b7cff;--green: #22e79e;--red: #ff6b8a;--text: #e2e8f0;--muted: rgba(226,232,240,.55);--dimmed: rgba(226,232,240,.35);--glass: rgba(255,255,255,.042);--glass-mid: rgba(255,255,255,.058);--glass-strong: rgba(255,255,255,.082);--glass-ultra: rgba(255,255,255,.11);--border: rgba(255,255,255,.09);--border-bright: rgba(255,255,255,.16);--border-glow: rgba(34,211,238,.35);--specular: rgba(255,255,255,.28);--depth-shadow: 0 4px 6px -1px rgba(0,0,0,.5), 0 10px 30px -8px rgba(0,0,0,.4), 0 30px 60px -20px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.15);--font-head: "Space Grotesk", system-ui, sans-serif;--font-body: "Sora", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#050a14}::-webkit-scrollbar-thumb{background:linear-gradient(#22d3ee,#8b7cff);border-radius:10px}::selection{background:#22d3ee4d;color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(26px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinR{to{transform:rotate(-360deg)}}@keyframes bellRing{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-5deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glow{0%,to{box-shadow:0 0 24px #22d3ee33,0 0 60px #8b7cff1a}50%{box-shadow:0 0 48px #22d3ee80,0 0 100px #8b7cff4d}}@keyframes borderFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}@keyframes cardShimmer{0%{left:-100%;opacity:0}20%{opacity:1}to{left:120%;opacity:0}}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}@keyframes glassShine{0%{transform:translate(-110%) skew(-18deg)}to{transform:translate(220%) skew(-18deg)}}@keyframes borderGlow{0%,to{opacity:.55}50%{opacity:1}}@keyframes atmoPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes glassDepthIn{0%{opacity:0;transform:translateY(18px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes innerGlow{0%,to{box-shadow:inset 0 0 20px #22d3ee0a}50%{box-shadow:inset 0 0 40px #22d3ee1a}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}section{position:relative;z-index:2}.glass-card{position:relative;background:linear-gradient(145deg,#ffffff13,#ffffff07,#ffffff0c);border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(28px) saturate(200%) brightness(1.06);-webkit-backdrop-filter:blur(28px) saturate(200%) brightness(1.06);box-shadow:0 4px 6px -1px #00000080,0 10px 30px -8px #00000061,0 30px 60px -20px #0000004d,inset 0 1px #ffffff1f,inset 0 -1px #0000001f;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease,border-color .42s ease,background .42s ease;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.09) 0%,transparent 100%);border-radius:20px 20px 0 0;pointer-events:none;z-index:0}.glass-card:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.09) 50%,transparent 80%);pointer-events:none;z-index:1;opacity:0}.glass-card:hover:after{animation:glassShine .7s ease forwards;opacity:1}.glass-card:hover{transform:translateY(-7px);border-color:#22d3ee61;background:linear-gradient(145deg,#22d3ee0f,#ffffff0b,#8b7cff0a);box-shadow:0 20px 60px -18px #22d3ee61,0 8px 30px -10px #0006,0 0 0 1px #22d3ee26,0 2px 40px -8px #8b7cff38,inset 0 1px #ffffff2e,inset 0 0 30px #22d3ee08}.glass-card-feature{background:linear-gradient(145deg,#ffffff18,#ffffff0a 60%,#ffffff0f);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 16px -4px #00000080,0 20px 50px -15px #00000059,inset 0 1px #ffffff2e}.glass-card-feature:hover{border-color:#22d3ee8c;box-shadow:0 24px 70px -18px #22d3ee7a,0 0 0 1px #22d3ee38,0 0 60px -20px #8b7cff52,inset 0 1px #ffffff38}.section-glass-atmo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:0}.section-glass-atmo:before{content:"";position:absolute;top:-30%;left:-10%;right:-10%;height:60%;background:radial-gradient(ellipse at 50% 0%,rgba(34,211,238,.055),transparent 70%);animation:atmoPulse 7s ease-in-out infinite}.section-glass-atmo:after{content:"";position:absolute;bottom:-20%;right:-5%;left:-5%;height:40%;background:radial-gradient(ellipse at 50% 100%,rgba(139,124,255,.045),transparent 70%);animation:atmoPulse 9s ease-in-out 2s infinite}.glass-panel{position:relative;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(40px) saturate(180%) brightness(1.04);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.04);border-radius:28px;box-shadow:0 8px 32px #0006,0 30px 80px #00000040,inset 0 1px #ffffff1f,inset 0 0 40px #22d3ee05;overflow:hidden}.grad-border{position:relative;border-radius:21px;padding:1.5px;background:linear-gradient(135deg,#22d3ee8c,#8b7cff73,#22e79e59,#22d3ee8c);background-size:400% 400%;animation:borderFlow 5s linear infinite;box-shadow:0 0 20px #22d3ee1f}.grad-border:before{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:20px;background:var(--bg);z-index:0}.grad-border>*{position:relative;border-radius:20px;z-index:1}.btn-primary{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--font-head);color:#050a14;text-decoration:none;padding:13px 26px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 10px 30px -10px #22d3eea6;border:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.btn-primary:after{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 .3s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px -10px #22d3eecc}.btn-primary:hover:after{opacity:1}.btn-ghost{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--font-head);color:var(--text);text-decoration:none;padding:13px 26px;border-radius:13px;background:#ffffff0a;border:1px solid rgba(255,255,255,.14);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.btn-ghost:hover{transform:translateY(-3px);border-color:#22d3ee80;color:var(--cyan);background:#22d3ee12;box-shadow:0 8px 30px -10px #22d3ee4d}.chip{display:inline-block;font:500 12px var(--font-mono);color:#9fb3d1;padding:6px 12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);transition:all .25s ease;cursor:default}.chip:hover{border-color:#8b7cff8c;color:#cbd5ff;background:#8b7cff1a;box-shadow:0 0 14px #8b7cff33}.section-label{font:600 12.5px var(--font-mono);color:var(--cyan);letter-spacing:.14em;margin-bottom:12px;text-transform:uppercase}.section-title{font:600 40px/1.12 var(--font-head);letter-spacing:-.02em;margin:0}#scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--green));z-index:9999;transform-origin:left;transform:scaleX(0);box-shadow:0 0 12px #22d3eeb3}#cursor-glow{position:fixed;top:0;left:0;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.07) 0%,rgba(139,124,255,.04) 40%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:1;opacity:0;transition:opacity .5s}.ai-spec-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:12px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.22);font:500 12.5px var(--font-mono);color:#a8d8f0;transition:all .3s ease;cursor:default;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-spec-pill:hover{background:#22d3ee1f;border-color:#22d3ee73;color:#e0f4ff;transform:translateY(-2px);box-shadow:0 8px 24px -8px #22d3ee4d}.ai-spec-pill .pill-icon{font-size:16px;line-height:1}@media (max-width: 768px){.section-title{font-size:28px!important}}@media (max-width: 480px){.section-title{font-size:24px!important}}@media (max-width: 860px){#hero{grid-template-columns:1fr!important;padding:120px 24px 60px!important;gap:40px!important;text-align:center}#hero h1{font-size:48px!important}#hero>div:first-child>div[style*=flexWrap]{justify-content:center!important}#hero>div:last-child{display:none!important}}@media (max-width: 480px){#hero h1{font-size:36px!important}#hero{padding:100px 16px 50px!important}}@media (max-width: 900px){#about>div[style*=grid]{grid-template-columns:1fr!important}}@media (max-width: 700px){#skills>div[style*=grid]{grid-template-columns:1fr!important}}@media (max-width: 760px){#work>div[style*=grid]{grid-template-columns:1fr!important}}@media (max-width: 860px){#certs>div:last-child,#certs>div[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (max-width: 600px){#contact{padding:60px 16px 80px!important}#contact h2{font-size:32px!important}#contact [style*="padding: '52px 44px'"],#contact>div>div[style*="52px"]{padding:28px 20px!important}}@media (max-width: 480px){.marquee-item{font-size:13px!important}}@media (max-width: 820px){.nav-pill-desktop,.nav-hire-desktop{display:none!important}.nav-hamburger{display:flex!important}}@media (max-width: 480px){div[style*="bottom: 96px"][style*="right: 28px"]{left:12px!important;right:12px!important;width:auto!important}div[style*="bottom: 28px"][style*="right: 28px"]{right:16px!important;bottom:16px!important}}@media (max-width: 768px){div[style*="grid-template-columns: 280px"]{grid-template-columns:1fr!important;grid-template-rows:240px 1fr!important}}@media (max-width: 640px){section{padding-left:16px!important;padding-right:16px!important}}@media (max-width: 400px){.btn-primary,.btn-ghost{padding:11px 18px!important;font-size:13px!important}}.pwa-prompt{position:fixed;bottom:90px;right:16px;background:#050a14eb;border:1px solid rgba(34,211,238,.3);border-radius:14px;padding:12px 16px;font:500 12px var(--font-mono);color:#e2e8f0;z-index:7000;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:floatIn .4s ease;max-width:280px}