:root{--bg-main:#090d16;--bg-surface:#0f172a;--bg-surface-elevated:#1e293b;--bg-card:#0f172ab3;--bg-card-hover:#1e293bcc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff14;--border-light:#ffffff24;--border-accent:#10b9814d;--accent-primary:#10b981;--accent-primary-hover:#059669;--accent-primary-glow:#10b98126;--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--accent-amber:#f59e0b;--accent-violet:#a855f7;--shadow-card:0 4px 20px -2px #00000080;--shadow-card-hover:0 10px 30px -4px #000000b3, 0 0 20px -2px #10b98126;--shadow-glow:0 0 25px -5px #10b98140;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--border-width:1px;--transition:all .2s cubic-bezier(.16, 1, .3, 1);--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.neo-card:hover,.neo-btn:hover{transform:none!important}}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}html{scrollbar-width:thin;scrollbar-color:#ffffff29 var(--bg-main)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-main);background:#ffffff24;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary-glow)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font-display);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:28px 28px;overflow-x:clip}::selection{background:var(--accent-primary);color:var(--bg-main)}a{color:inherit;text-decoration:none}.neo-card{background:linear-gradient(135deg, #ffffff05 0%, #10b98108 50%, #06b6d405 100%), var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);transition:var(--transition);padding:1.75rem;position:relative;overflow:hidden}.neo-card:before{content:"";border-radius:var(--radius-lg);opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#10b98159,#06b6d426,#0000 60%);transition:opacity .35s;position:absolute;inset:-1px}.neo-card:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.neo-card:hover:before{opacity:1}.spotlight-card{--mouse-x:-500px;--mouse-y:-500px;position:relative;overflow:hidden}.spotlight-card:before{content:"";border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x,-500px) var(--mouse-y,-500px), #10b98147 0%, #06b6d433 25%, #6366f11f 50%, transparent 72%);opacity:0;pointer-events:none;z-index:1;transition:opacity .35s;position:absolute;inset:0}.spotlight-card:after{content:"";border-radius:inherit;background:radial-gradient(450px circle at var(--mouse-x,-500px) var(--mouse-y,-500px), #10b981f2 0%, #06b6d4bf 30%, #6366f180 60%, transparent 80%);opacity:0;pointer-events:none;z-index:2;-webkit-mask-composite:xor;padding:1px;transition:opacity .35s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spotlight-card:hover:before,.spotlight-card:hover:after{opacity:1}.spotlight-card:hover,.spotlight-card:hover *,.spotlight-card:hover:before,.spotlight-card:hover:after,.project-card:hover,.metric-card:hover,.skill-card:hover{transition-delay:0s!important}.spotlight-card>*{z-index:3;position:relative}.metric-icon--amber.spotlight-card:before{background:radial-gradient(600px circle at var(--mouse-x,-500px) var(--mouse-y,-500px), #f59e0b47 0%, #f9731633 30%, #f43f5e1f 55%, transparent 72%)}.metric-icon--amber.spotlight-card:after{background:radial-gradient(450px circle at var(--mouse-x,-500px) var(--mouse-y,-500px), #f59e0bf2 0%, #f97316bf 35%, #f43f5e80 65%, transparent 80%)}.metric-icon--blue.spotlight-card:before{background:radial-gradient(600px circle at var(--mouse-x,-500px) var(--mouse-y,-500px), #3b82f647 0%, #06b6d433 30%, #6366f11f 55%, transparent 72%)}.metric-icon--blue.spotlight-card:after{background:radial-gradient(450px circle at var(--mouse-x,-500px) var(--mouse-y,-500px), #3b82f6f2 0%, #06b6d4bf 35%, #6366f180 65%, transparent 80%)}.metric-icon--cyan.spotlight-card:before{background:radial-gradient(600px circle at var(--mouse-x,-500px) var(--mouse-y,-500px), #06b6d447 0%, #10b98133 30%, #6366f11f 55%, transparent 72%)}.metric-icon--cyan.spotlight-card:after{background:radial-gradient(450px circle at var(--mouse-x,-500px) var(--mouse-y,-500px), #06b6d4f2 0%, #10b981bf 35%, #6366f180 65%, transparent 80%)}.neo-btn{background:var(--accent-primary);color:#04120d;border:var(--border-width) solid var(--accent-primary);border-radius:var(--radius-md);box-shadow:0 0 0 0 var(--accent-primary-glow);cursor:pointer;transition:var(--transition);font-weight:600;font-family:var(--font-display);letter-spacing:.01em;padding:.8rem 1.6rem;font-size:.9rem;display:inline-block}.neo-btn:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.neo-btn--outline{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-light);-webkit-backdrop-filter:blur(12px)}.neo-btn--outline:hover{background:var(--bg-card-hover);border-color:var(--border-accent);color:var(--text-primary)}.neo-btn--nav{padding:.5rem 1.2rem;font-size:.8rem}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#090d16c7;border-bottom:1px solid #ffffff14;padding:.85rem 2rem;transition:background .3s,box-shadow .3s,border-color .3s;position:sticky;top:0}.navbar--scrolled{background:#090d16eb;border-bottom-color:#10b98133;box-shadow:0 4px 30px #0009}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.mobile-menu-toggle{cursor:pointer;z-index:101;background:0 0;border:none;padding:.5rem;display:none}.hamburger{background:var(--text-primary);width:25px;height:2px;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background:var(--text-primary);width:25px;height:2px;position:absolute;left:0}.hamburger:before{top:-7px}.hamburger:after{bottom:-7px}.mobile-menu{background:var(--bg-main);z-index:99;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.mobile-nav-links{text-align:center;padding:0;font-size:1.5rem;list-style:none}.mobile-nav-links li{margin:1.5rem 0}.mobile-nav-links a{color:var(--text-primary);text-decoration:none}@media (width<=768px){.nav-links{display:none}.mobile-menu-toggle{display:block}}.nav-logo{letter-spacing:-.02em;font-size:1.15rem;font-weight:500;font-family:var(--font-mono);color:var(--text-primary)}.nav-logo-dot{color:var(--accent-primary)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{letter-spacing:.02em;color:var(--text-secondary);transition:var(--transition);font-size:.85rem;font-weight:500;position:relative}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";background:var(--accent-primary);width:0;height:1px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.hero{align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:6rem 2rem;display:flex;position:relative}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#10b98114 0%,#0000 70%);width:620px;height:620px;position:absolute;top:-160px;right:-140px}.hero>*{z-index:1;position:relative}.hero-text{flex-direction:column;flex:1;gap:1.5rem;display:flex}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-status{background:var(--bg-card);border:var(--border-width) solid var(--border);-webkit-backdrop-filter:blur(12px);width:fit-content;font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-secondary);border-radius:999px;align-items:center;gap:.6rem;padding:.45rem 1rem;font-size:.75rem;font-weight:500;animation:.6s cubic-bezier(.16,1,.3,1) .1s both heroFadeUp;display:inline-flex}.status-dot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.status-dot:after{content:"";background:var(--accent-primary);border-radius:50%;animation:2.4s ease-out infinite statusPulse;position:absolute;inset:0}@keyframes statusPulse{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(3.2)}}.hero h1{letter-spacing:-.035em;font-size:clamp(2.75rem,7vw,5rem);font-weight:700;line-height:1.02;animation:.6s cubic-bezier(.16,1,.3,1) .25s both heroFadeUp}.hero h1 .highlight{color:var(--accent-primary);text-shadow:0 0 32px #10b98147}.hero-description{max-width:560px;color:var(--text-secondary);font-size:1.15rem;font-weight:400;line-height:1.65;animation:.6s cubic-bezier(.16,1,.3,1) .4s both heroFadeUp}.hero-buttons{flex-wrap:wrap;gap:1rem;animation:.6s cubic-bezier(.16,1,.3,1) .55s both heroFadeUp;display:flex}.hero-image{flex:0 0 300px;animation:.8s cubic-bezier(.16,1,.3,1) .3s both heroFadeUp;position:relative}.hero-image-wrapper{border:var(--border-width) solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card), var(--shadow-glow);padding:.5rem;position:relative;overflow:hidden}.hero-image-wrapper img{border-radius:var(--radius-md);width:100%;height:auto;display:block}.skill-card,.project-card,.metric-card,.section-title,.terminal-window,.footer-inner{opacity:0;filter:blur(10px);will-change:opacity, transform, filter;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(38px)}.skill-card.reveal,.project-card.reveal,.metric-card.reveal,.section-title.reveal,.terminal-window.reveal,.footer-inner.reveal{opacity:1;filter:blur();transform:translateY(0)}.project-card.filter-hidden{opacity:0;pointer-events:none;width:100%;position:absolute;transform:translateY(16px)}.section{padding:6rem 2rem;position:relative}.section-inner{z-index:1;max-width:1200px;margin:0 auto;position:relative}.section-title{letter-spacing:-.03em;margin-bottom:3rem;font-size:2.25rem;font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--accent-primary), transparent);border-radius:1px;width:48px;height:2px;position:absolute;bottom:-10px;left:0}.section--dark:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d40f 0%,#0000 70%);width:620px;height:620px;position:absolute;bottom:-220px;left:-220px}.skills-bento{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.skill-card--large{grid-row:auto}.skill-card--accent{border-color:var(--border-accent)}.skill-card-header{border-bottom:var(--border-width) solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.9rem;display:flex}.skill-card-header h3{letter-spacing:-.01em;font-size:1.15rem;font-weight:600}@keyframes badgePulse{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 10px 2px #10b98159}}.skill-card-badge{font-family:var(--font-mono);background:var(--accent-primary-glow);color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-accent);padding:.25rem .6rem;font-size:.68rem;font-weight:500;animation:3s ease-in-out infinite badgePulse}.skill-card-badge--dark{background:var(--bg-surface-elevated);color:var(--text-secondary);border-color:var(--border-light)}.skill-list{flex-direction:column;gap:.8rem;list-style:none;display:flex}.skill-list li{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.95rem;font-weight:400;display:flex}.skill-list li:before{content:"";background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:transform .3s,box-shadow .3s}.skill-card--accent .skill-list li:before{background:var(--accent-cyan)}.skill-card:hover .skill-icon{filter:drop-shadow(0 0 8px var(--accent-primary));transition:transform .3s,filter .3s;transform:scale(1.1)}.skill-card:hover .skill-list li:before{transform:scale(1.5);box-shadow:0 0 10px #10b981b3}.projects-list{flex-direction:column;gap:1.5rem;display:flex}.project-card{border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:linear-gradient(135deg, #ffffff05 0%, #10b98108 50%, #06b6d405 100%), var(--bg-card);-webkit-backdrop-filter:blur(12px);transition:var(--transition);gap:0;display:flex;position:relative;overflow:hidden}.project-card:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.project-card:has(.project-metric--green):hover{border-color:var(--border-accent);box-shadow:var(--shadow-card-hover), 0 0 30px -6px #10b9814d}.project-card:has(.project-metric--cyan):hover{box-shadow:var(--shadow-card-hover), 0 0 30px -6px #06b6d447;border-color:#06b6d459}.project-card:has(.project-metric--blue):hover{box-shadow:var(--shadow-card-hover), 0 0 30px -6px #3b82f647;border-color:#3b82f659}.project-metric{text-align:center;border-right:var(--border-width) solid var(--border);font-family:var(--font-mono);flex-direction:column;flex:0 0 200px;justify-content:center;align-items:center;gap:.15rem;padding:2rem 1.5rem;display:flex}.project-metric--green{color:var(--accent-primary);background:#10b98114}.project-metric--cyan{color:var(--accent-cyan);background:#06b6d414}.project-metric--blue{color:var(--accent-blue);background:#3b82f614}.project-metric .number{letter-spacing:-.03em;font-size:2.75rem;font-weight:500;line-height:1}.project-metric .label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:.6rem;font-size:.72rem;font-weight:400}.project-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-status{background:var(--accent-primary-glow);color:var(--accent-primary);border:var(--border-width) solid var(--border-accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin-top:.4rem;padding:.25rem .75rem;font-size:.68rem;font-weight:500;display:inline-block}.project-body{flex-direction:column;flex:1;justify-content:center;padding:1.75rem;display:flex}.project-body h3{letter-spacing:-.02em;margin-bottom:.85rem;font-size:1.3rem;font-weight:600}.project-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.project-tags span{border:var(--border-width) solid var(--border);background:var(--bg-surface-elevated);font-family:var(--font-mono);letter-spacing:.02em;border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);padding:.2rem .6rem;font-size:.68rem}.project-tags span:hover{border-color:var(--border-accent);color:var(--accent-primary)}.project-details p{color:var(--text-secondary);margin-bottom:.65rem;font-size:.92rem;line-height:1.65}.project-details strong{color:var(--text-primary);font-weight:600}.project-link{border:var(--border-width) solid var(--border-light);background:var(--bg-surface-elevated);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition);align-self:flex-start;margin-top:1.25rem;padding:.55rem 1.2rem;font-size:.82rem;font-weight:500;display:inline-block}.project-link:hover{border-color:var(--border-accent);color:var(--accent-primary);background:var(--accent-primary-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.skill-icon,.project-icon,.footer-icon{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.skill-icon{width:20px;height:20px;color:var(--accent-primary);margin-right:.6rem}.project-icon{width:22px;height:22px;color:var(--accent-primary);margin-right:.6rem}.footer-icon{width:18px;height:18px;margin-right:.5rem}.skill-card-header,.project-body h3{align-items:center;display:flex}.list-icon{color:var(--text-muted);flex-shrink:0}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor{color:var(--accent-primary);margin-left:1px;font-weight:300;animation:.8s step-end infinite cursorBlink}.cursor-glow{pointer-events:none;z-index:9999;background:radial-gradient(circle,#10b9810d 0%,#0000 70%);border-radius:50%;width:320px;height:320px;transition:left .2s ease-out,top .2s ease-out;position:fixed;transform:translate(-50%,-50%)}@media (hover:none){.cursor-glow{display:none}}.footer{border-top:var(--border-width) solid var(--border);background:var(--bg-surface);text-align:center;padding:5rem 2rem}.footer-inner{max-width:700px;margin:0 auto}.footer-title{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;line-height:1.08}.footer-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.footer-link{background:var(--bg-card);color:var(--text-primary);border:var(--border-width) solid var(--border-light);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);transition:var(--transition);justify-content:center;align-items:center;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;display:inline-flex}.footer-link:hover{border-color:var(--border-accent);color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.footer-copy{border-top:var(--border-width) solid var(--border);font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-muted);margin-top:3.5rem;padding-top:1.5rem;font-size:.78rem;font-weight:400}@media (prefers-reduced-motion:reduce){.neo-card:hover,.project-card:hover,.neo-btn:hover,.project-link:hover,.footer-link:hover{transform:none}.hero-status,.hero h1,.hero-description,.hero-buttons,.hero-image{opacity:1;animation:none;transform:none}.status-dot:after{animation:none}.skill-card,.project-card,.metric-card,.section-title,.terminal-window,.footer-inner{opacity:1;filter:none;transition:none;transform:none}.typewriter-cursor{animation:none}.cursor-glow{display:none}}.telemetry-bar{z-index:90;border-bottom:var(--border-width) solid var(--border);-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:#08090cd9;padding:.5rem 2rem;font-size:.7rem;position:relative}.telemetry-inner{justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.telemetry-sys{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.75rem;display:flex}.sys-tag{color:var(--accent-primary);font-weight:500}.sys-env{color:var(--text-secondary);font-weight:400}.telemetry-center{color:var(--text-primary);flex-shrink:0;align-items:center;gap:.5rem;display:flex}.clock-label,.clock-tz{color:var(--text-muted);font-weight:400}.jakarta-clock{font-variant-numeric:tabular-nums;color:var(--accent-primary);text-align:center;min-width:7ch;font-weight:500}.telemetry-status{color:var(--accent-primary);white-space:nowrap;align-items:center;gap:.5rem;display:flex}.status-pulse{background:var(--accent-primary);width:6px;height:6px;box-shadow:0 0 8px var(--accent-primary);border-radius:50%;animation:2s ease-out infinite statusPulse}.status-text{font-weight:500}.interactive-terminal{background:var(--bg-surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);font-family:var(--font-mono);max-width:800px;margin:0 auto;font-size:.8rem;line-height:1.6;overflow:hidden}.terminal-header{background:var(--bg-surface-elevated);border-bottom:var(--border-width) solid var(--border);padding:.6rem 1rem}.terminal-titlebar{align-items:center;gap:.75rem;display:flex}.terminal-dots{gap:.35rem;display:flex}.terminal-dots .dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.terminal-dots .dot.close{background:#ef4444;box-shadow:0 0 8px #ef4444}.terminal-dots .dot.minimize{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.terminal-dots .dot.maximize{background:#10b981;box-shadow:0 0 8px #10b981}.terminal-title{color:var(--text-secondary);font-weight:400}.terminal-body{background:var(--bg-main);max-height:420px;padding:1.25rem;overflow-y:auto}.terminal-line{margin-bottom:.5rem}.welcome-text{color:var(--text-secondary);opacity:.8}.command-block{align-items:flex-start;gap:.5rem;margin-bottom:.4rem;display:flex}.prompt-prefix{color:var(--accent-cyan);font-weight:500}.command-input{color:var(--text-primary);font-weight:400}.command-description{color:var(--text-muted);margin-bottom:.3rem;margin-left:1.2rem;font-size:.75rem}.output-line{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin-left:1.2rem}.output-line.success{color:var(--accent-primary)}.output-line.warning{color:var(--accent-amber)}.output-line.info{color:var(--accent-cyan)}.output-line.muted{color:var(--text-muted)}.prompt-form{align-items:center;gap:.5rem;display:flex}.terminal-input{color:var(--text-primary);font-family:inherit;font-size:inherit;line-height:inherit;background:0 0;border:none;outline:none;flex:1}.terminal-input::placeholder{color:var(--text-muted);opacity:.5}.cursor{color:var(--accent-primary);animation:.8s step-end infinite cursorBlink}.terminal-chips{border-top:var(--border-width) solid var(--border);background:var(--bg-surface-elevated);flex-wrap:wrap;gap:.4rem;padding:.75rem 1rem;display:flex}.quick-chip{background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:.25rem .75rem;font-family:inherit;font-size:.7rem}.quick-chip:hover{border-color:var(--border-accent);color:var(--accent-primary);background:var(--accent-primary-glow)}.quick-chip:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.metrics-proof{padding:6rem 2rem;position:relative}.metrics-proof:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#10b9810f 0%,#0000 70%);width:620px;height:620px;position:absolute;top:-200px;right:-200px}.metrics-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid;position:relative}.metric-card{background:linear-gradient(135deg, #ffffff05 0%, #10b98108 50%, #06b6d405 100%), var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);-webkit-backdrop-filter:blur(12px);padding:1.75rem 1.25rem;position:relative}.metric-card:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.metric-card.metric-icon--green:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card-hover), 0 0 30px -6px #10b9814d}.metric-card.metric-icon--cyan:hover{box-shadow:var(--shadow-card-hover), 0 0 30px -6px #06b6d447;border-color:#06b6d459}.metric-card.metric-icon--blue:hover{box-shadow:var(--shadow-card-hover), 0 0 30px -6px #3b82f647;border-color:#3b82f659}.metric-card.metric-icon--emerald:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card-hover), 0 0 30px -6px #10b9814d}.metric-icon{border:var(--border-width) solid;border-radius:var(--radius-md);background:var(--bg-surface);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:inline-flex}.metric-value{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1.1}.metric-label{color:var(--text-primary);margin-bottom:.2rem;font-size:.85rem;font-weight:500}.metric-sublabel{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem}.project-filters{border-bottom:var(--border-width) solid var(--border);flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.filter-chip{background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(12px);padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;position:relative;overflow:hidden}.filter-chip:before{content:"";border-radius:var(--radius-md);opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#10b98166,#06b6d433,#0000 60%);transition:opacity .3s;position:absolute;inset:-1px}.filter-chip:hover{border-color:var(--border-light);color:var(--text-primary);background:var(--bg-card-hover)}.filter-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#04120d;box-shadow:var(--shadow-glow), 0 0 24px -4px #10b98180}.filter-chip.active:before{opacity:1}.filter-chip:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (width<=768px){.hero{flex-direction:column-reverse;gap:2.5rem;padding:3.5rem 1.5rem}.hero-image{flex:none;width:200px}.hero h1{font-size:2.25rem}.hero-status{padding:.4rem .85rem;font-size:.7rem}.hero-description{font-size:1rem}.nav-links{display:none}.section{padding:3.5rem 1.5rem}.section-title{font-size:1.75rem}.skills-bento{grid-template-rows:auto;grid-template-columns:1fr}.skill-card--large{grid-row:auto}.skill-card{padding:1.5rem}.project-card{flex-direction:column}.project-metric{border-right:none;border-bottom:var(--border-width) solid var(--border);flex:none;padding:1.5rem}.project-body{padding:1.5rem}.footer-links{flex-direction:column;align-items:center}.footer-link{width:100%;max-width:280px}}