:root{--text:#5c5566;--text-h:#0b0714;--bg:#fff;--border:#e5e4e7;--code-bg:#f6f4fb;--accent:#aa3bff;--accent-2:#2563eb;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--accent-gradient:linear-gradient(135deg, var(--accent), var(--accent-2));--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--shadow-lg:#140a2829 0 24px 60px -12px;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Space Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-2:#60a5fa;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--shadow-lg:#00000080 0 24px 60px -12px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-1.8px;margin:24px 0 8px;font-size:60px}@media (width<=1024px){h1{margin:16px 0 6px;font-size:38px}}h2{letter-spacing:-.5px;margin:0 0 12px;font-size:34px;line-height:118%}@media (width<=1024px){h2{font-size:26px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.container{box-sizing:border-box;width:100%;max-width:1040px;margin:0 auto;padding:0 24px}.section{padding:88px 0}.eyebrow{font:600 13px/1 var(--mono);letter-spacing:2.5px;color:var(--accent);margin-bottom:16px}.button{font:600 15px var(--sans);border-radius:999px;align-items:center;gap:8px;padding:14px 28px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 10px 28px var(--accent-border)}.button-secondary{color:var(--text-h);border:1px solid var(--border);background:0 0}.nav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.nav-logo{font:700 20px var(--heading);color:var(--text-h);text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text);font:500 15px var(--sans);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-h)}.nav-cta{padding:10px 20px;font-size:14px}@media (width<=720px){.nav-links{display:none}}.hero{background:radial-gradient(circle at 15% -10%, var(--accent-bg) 0%, transparent 55%), radial-gradient(circle at 85% 0%, #2563eb14 0%, transparent 55%);padding:88px 0 0}.hero-inner{justify-content:space-between;align-items:center;gap:48px;padding-bottom:56px;display:flex}.hero-copy{max-width:560px;animation:.6s both fade-up}.availability-badge{border:1px solid var(--border);background:var(--code-bg);font:600 13px var(--sans);color:var(--text-h);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;display:inline-flex}.pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #22c55e99}.role{font:500 22px var(--heading);color:var(--text-h);margin:4px 0 20px}.bio{color:var(--text)}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.hero-visual{flex-shrink:0;animation:.6s .1s both fade-up}.avatar-ring{background:var(--accent-gradient);width:260px;height:260px;box-shadow:var(--shadow-lg);border-radius:50%;padding:6px}.avatar{object-fit:cover;object-position:center 18%;border:4px solid var(--bg);border-radius:50%;width:100%;height:100%;display:block}.stats-row{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.stat{text-align:center;border-left:1px solid var(--border);padding:32px 8px}.stat:first-child{border-left:none}.stat-value{font:700 32px var(--heading);color:var(--text-h)}.stat-label{color:var(--text);margin-top:4px;font-size:14px}.highlights{text-align:center}.highlight-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.highlight-card{border:1px solid var(--border);font:500 15px/135% var(--sans);color:var(--text-h);background:var(--code-bg);border-radius:14px;padding:24px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.highlight-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-3px)}.highlight-index{font:700 13px var(--mono);color:var(--accent);margin-bottom:10px;display:block}.skills{text-align:center;background:var(--code-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.skill-groups{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.skill-card{border:1px solid var(--border);text-align:left;background:var(--bg);border-radius:16px;padding:28px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.skill-card:before{content:"";background:var(--accent-gradient);height:4px;position:absolute;inset:0 0 auto}.skill-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.skill-card h3{font:600 18px var(--heading);color:var(--text-h);margin:0 0 16px}.skill-card ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.skill-card li{color:var(--text);padding-left:18px;font-size:15px;position:relative}.skill-card li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.projects{text-align:center}.projects-intro{max-width:560px;color:var(--text);margin:0 auto}.project-card{border:1px solid var(--border);background:radial-gradient(circle at 100% 0%, var(--accent-bg), transparent 42%), var(--code-bg);text-align:left;box-shadow:var(--shadow);border-radius:24px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:48px;margin-top:40px;padding:48px;display:grid;overflow:hidden}.project-copy{z-index:1;position:relative}.project-label{color:var(--accent);font:600 12px var(--mono);letter-spacing:1.3px;align-items:center;gap:9px;display:inline-flex}.project-label:before{content:"";background:#22c55e;border-radius:50%;width:7px;height:7px}.project-copy h3{color:var(--text-h);font:700 40px/1.1 var(--heading);margin:18px 0 12px}.project-copy p{max-width:390px;color:var(--text);margin:0;line-height:1.7}.project-link{margin-top:28px}.project-preview{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);color:#fff;background:radial-gradient(at 75% 20%,#3b82f647,#0000 48%),linear-gradient(140deg,#101c34,#172b4b 62%,#203d61);border-radius:18px;padding:20px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 24px 54px #0f234633}.project-preview:hover{transform:translateY(-4px);box-shadow:0 30px 64px #0f234647}.preview-window{background:#08132642;border:1px solid #ffffff21;border-radius:12px;min-height:250px;position:relative;overflow:hidden}.preview-topbar,.preview-footer{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.preview-topbar{border-bottom:1px solid #ffffff1f}.preview-mark{font:700 18px var(--heading);letter-spacing:.3px}.preview-mark span{color:#7db8ff}.preview-status,.preview-caption,.preview-footer{color:#ffffff9e;font:600 10px var(--mono);letter-spacing:1.2px}.preview-content{flex-direction:column;justify-content:center;align-items:flex-start;min-height:164px;padding:28px;display:flex;position:relative;overflow:hidden}.preview-caption{z-index:1;color:#9fcaff;position:relative}.preview-title{z-index:1;font:600 24px var(--heading);margin-top:10px;position:relative}.preview-arrow{color:#fffc;font-size:22px;position:absolute;bottom:26px;right:28px}.preview-orbit{border:1px solid #98c7ff3d;border-radius:50%;width:240px;height:240px;position:absolute;top:-102px;right:-28px}.preview-orbit:before,.preview-orbit:after{content:"";border:1px solid #98c7ff2e;border-radius:50%;position:absolute;inset:22px}.preview-orbit:after{background:radial-gradient(circle,#64aaff33,#0000 72%);inset:48px}.preview-orbit span{background:#a7d4ff;border-radius:50%;width:7px;height:7px;position:absolute;top:42px;left:34px;box-shadow:0 0 14px 4px #7abbff8c}.preview-footer{border-top:1px solid #ffffff1f;font-size:9px}.preview-live{color:#ffffffdb;align-items:center;gap:7px;display:inline-flex}.preview-live i{background:#55d99a;border-radius:50%;width:6px;height:6px}.contact{padding:96px 24px}.contact-card{text-align:center;background:var(--text-h);max-width:720px;box-shadow:var(--shadow-lg);border-radius:24px;padding:64px 48px}.contact-card .eyebrow{color:var(--accent)}.contact-card h2,.contact-card p{color:#fff}.contact-card p{opacity:.75;margin:16px 0 32px}.footer{border-top:1px solid var(--border);padding:32px 0}.footer-inner{color:var(--text);justify-content:space-between;font-size:14px;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (width<=900px){.hero-inner{text-align:center;flex-direction:column-reverse}.hero-copy{max-width:100%}.hero-actions{justify-content:center}.avatar-ring{width:180px;height:180px}}@media (width<=720px){.highlight-grid,.skill-groups{grid-template-columns:1fr}.project-card{grid-template-columns:1fr;gap:36px;padding:32px 24px}.project-copy h3{font-size:34px}.stats-row{grid-template-columns:1fr}.stat{border-left:none;border-top:1px solid var(--border)}.stat:first-child{border-top:none}.contact-card{padding:48px 24px}.project-preview{padding:12px}.preview-content{padding:24px 18px}.preview-status{font-size:8px}.footer-inner{text-align:center;flex-direction:column;gap:8px}}