.nav{z-index:50;height:var(--nav-h);border-bottom:1px solid #0000;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:fixed;top:0;left:0;right:0}.nav-scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--border);background:#09090bc7}.nav-inner{height:var(--nav-h);align-items:center;gap:16px;min-width:0;display:flex}.nav-logo{letter-spacing:-.03em;align-items:center;gap:10px;min-width:0;font-weight:700;text-decoration:none;display:inline-flex}.nav-logo span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-mark{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:9px;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.nav-desktop{gap:22px;margin-left:auto;display:flex}.nav-desktop a{color:var(--text-muted);font-size:.92rem;font-weight:500;text-decoration:none}.nav-desktop a:hover{color:var(--text)}.nav-cta{margin-left:8px}.nav-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;flex:none;width:42px;height:42px;margin-left:auto;display:none}.nav-mobile{display:none}@media (width<=980px){.nav-desktop,.nav-cta{display:none}.nav-toggle{justify-content:center;align-items:center;display:inline-flex}.nav-mobile{inset:var(--nav-h) 0 auto;border-bottom:1px solid var(--border);background:#09090bf7;padding:12px 20px 24px;display:block;position:absolute}.nav-mobile[hidden]{display:none}.nav-mobile nav{flex-direction:column;gap:8px;display:flex}.nav-mobile a{color:var(--text);padding:12px 4px;font-weight:500;text-decoration:none}}.hero{min-height:calc(100vh - var(--nav-h));align-items:center;padding:48px 0 80px;display:grid;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.hero-glow{background:radial-gradient(circle, var(--accent-glow), transparent 68%);pointer-events:none;width:480px;height:480px;position:absolute;top:12%;right:8%}.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;display:grid;position:relative}.hero-copy{min-width:0}.hero-status{border:1px solid var(--border);max-width:100%;color:var(--text-muted);box-sizing:border-box;background:#ffffff05;border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:6px 12px;font-size:.85rem;line-height:1.4;display:inline-flex}.hero-dot{background:var(--success);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #4ade8026}.hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.1rem,9vw,4.6rem);line-height:1.05}.hero-subtitle{max-width:42ch;color:var(--text-muted);margin:20px 0 0;font-size:clamp(.98rem,2.4vw,1.08rem)}.hero-stack{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.hero-stack li{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);border-radius:999px;padding:6px 12px;font-size:.85rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-window{background:var(--bg-card);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.hero-window-bar{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:12px 14px;display:flex}.hero-window-bar span{background:#3f3f46;border-radius:50%;width:9px;height:9px}.hero-window-bar small{color:var(--text-subtle);font-family:var(--mono);margin-left:10px}.hero-window pre{margin:0;padding:20px;overflow:auto}.hero-window code{font-family:var(--mono);color:#c7d2fe;white-space:pre;font-size:clamp(.7rem,2.2vw,.82rem);line-height:1.7}.hero-float{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;font-size:.85rem;display:inline-flex}@media (width<=900px){.hero{min-height:0;padding:32px 0 56px}.hero-inner{grid-template-columns:1fr;gap:36px}.hero-panel{min-width:0;max-width:100%}.hero-status{border-radius:14px}}.about-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;margin-top:36px;display:grid}.about-copy{min-width:0}.about-copy p{color:var(--text-muted);margin:0 0 16px}.about-stats{gap:12px;min-width:0;display:grid}.about-stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);min-width:0;padding:20px}.about-stat strong{letter-spacing:-.04em;color:var(--accent);font-size:1.5rem;display:block}.about-stat span{color:var(--text-muted);font-size:.92rem}@media (width<=800px){.about-grid{grid-template-columns:1fr}}.skills-groups{gap:32px;margin-top:40px;display:grid}.skills-group h3{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;font-size:1rem}.skills-group ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.skill-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);gap:12px;min-width:0;min-height:108px;padding:16px;transition:transform .2s,border-color .2s,background .2s;display:flex}.skill-card:hover{border-color:var(--border-strong);background:var(--bg-card-hover);transform:translateY(-3px)}.skill-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.skill-copy{min-width:0}.skill-card strong{margin-bottom:4px;display:block}.skill-card p{color:var(--text-muted);margin:0;font-size:.86rem}.timeline{border-left:1px solid var(--border);gap:18px;margin:40px 0 0;padding:0;list-style:none;display:grid}.timeline>li{min-width:0;padding-left:20px;position:relative}.timeline>li:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:22px;left:-5px}.timeline-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);min-width:0;padding:24px}.timeline-card h3{letter-spacing:-.03em;margin:0 0 12px}.timeline-meta{color:var(--text-subtle);flex-wrap:wrap;gap:12px;margin:0 0 8px;font-size:.88rem;display:flex}.timeline-card ul{color:var(--text-muted);margin:0;padding-left:18px}.timeline-card li+li{margin-top:6px}@media (width<=640px){.timeline-card{padding:16px}}.section-lead code{font-family:var(--mono);color:var(--accent);font-size:.85em}.project-list{gap:24px;margin-top:40px;display:grid}.project-card{border:1px solid var(--border);background:var(--bg-card);border-radius:20px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);transition:border-color .2s,transform .2s;display:grid;overflow:hidden}.project-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.project-media{cursor:pointer;background:#0b0b10;border:0;padding:0;display:block}.project-media img{object-fit:cover;width:100%;height:100%;min-height:280px}.project-body{min-width:0;padding:28px}.project-body h3{letter-spacing:-.03em;margin:0 0 10px;font-size:1.4rem}.project-body p{color:var(--text-muted);margin:0}.tech-list,.feature-list{margin:16px 0 0;padding:0;list-style:none}.tech-list{flex-wrap:wrap;gap:8px;display:flex}.tech-list li{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:4px 10px;font-size:.78rem}.feature-list{color:var(--text-muted);gap:6px;display:grid}.feature-list li:before{content:"▹ ";color:var(--accent)}.project-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.project-modal{border:1px solid var(--border);width:min(760px,100vw - 24px);max-height:min(90vh,100dvh - 24px);color:var(--text);box-shadow:var(--shadow);background:#101014;border-radius:20px;padding:0;overflow:auto}.project-modal::backdrop{background:#000000ad}.project-modal-inner{padding:24px}.project-modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.project-modal-head h3{min-width:0;margin:0;padding-right:8px}.project-modal img{border:1px solid var(--border);border-radius:12px;width:100%}.icon-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border-radius:10px;flex:none}.case-grid{gap:16px;margin:20px 0 0;display:grid}.case-grid dt{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:.78rem}.case-grid dd{color:var(--text-muted);margin:0}.case-grid ul{margin:0;padding-left:18px}@media (width<=860px){.project-card{grid-template-columns:1fr}.project-media img{min-height:180px}.project-body{padding:20px}.project-modal-inner{padding:16px}}.process-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;margin:40px 0 0;padding:0;list-style:none;display:grid}.process-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, #7c9cff0d, transparent 40%), var(--bg-card);min-width:0;min-height:100%;padding:20px}.process-card span{font-family:var(--mono);color:var(--accent);margin-bottom:18px;font-size:.9rem;display:block}.process-card h3{letter-spacing:-.03em;margin:0 0 8px;font-size:1.05rem}.process-card p{color:var(--text-muted);margin:0;font-size:.9rem}.contact-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;max-width:760px;margin-top:28px;display:grid}.contact-links a,.contact-meta{border:1px solid var(--border);min-width:0;min-height:48px;color:var(--text);background:var(--bg-card);border-radius:12px;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;text-decoration:none;display:flex}.contact-links a:hover{border-color:var(--border-strong)}.contact-links svg{flex:none;margin-top:2px}.contact-label{overflow-wrap:anywhere;word-break:break-word;min-width:0;line-height:1.4}.footer{border-top:1px solid var(--border);padding:32px 0 28px}.footer-inner{justify-content:space-between;align-items:center;gap:24px;min-width:0;display:flex}.footer-inner>div{min-width:0}.footer p{color:var(--text-muted);margin:4px 0 0}.footer nav{flex-wrap:wrap;gap:16px;display:flex}.footer a{color:var(--text-muted);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.footer a:hover{color:var(--text)}.footer-copy{width:min(var(--container), calc(100% - 40px));color:var(--text-subtle);margin:24px auto 0;font-size:.86rem}@media (width<=640px){.footer-inner{flex-direction:column;align-items:flex-start}.footer-copy{width:min(var(--container), calc(100% - 24px))}}:root{--bg:#09090b;--bg-elevated:#0e0e11;--bg-card:#121216;--bg-card-hover:#17171c;--border:#ffffff14;--border-strong:#ffffff24;--text:#f4f4f5;--text-muted:#a1a1aa;--text-subtle:#71717a;--accent:#7c9cff;--accent-soft:#7c9cff24;--accent-glow:#7c9cff38;--success:#4ade80;--danger:#f87171;--radius:14px;--radius-sm:10px;--shadow:0 24px 80px #00000073;--nav-h:72px;--container:1120px;--font:"Plus Jakarta Sans", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--focus:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;word-wrap:break-word;margin:0;line-height:1.6}#root{min-height:100vh}main{padding-top:var(--nav-h)}img{max-width:100%;display:block}a{color:inherit}button,input,textarea{font-family:inherit}:focus-visible{box-shadow:var(--focus);outline:none}.skip-link{z-index:100;background:var(--accent);color:#0b0b10;border-radius:8px;padding:8px 12px;font-weight:600;position:absolute;top:-40px;left:16px}.skip-link:focus{top:16px}.container{width:min(var(--container), calc(100% - 40px));margin-inline:auto}.section{padding:96px 0}.section-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:.82rem;font-weight:600;display:inline-flex}.section-title{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.2}.section-lead{max-width:58ch;color:var(--text-muted);margin:0}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#0b0f1c}.btn-primary:hover{background:#9bb4ff}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.btn-ghost:hover{background:#ffffff0a;border-color:#ffffff38}.placeholder-link{opacity:.7;cursor:not-allowed}.reveal{min-width:0;max-width:100%}@media (width<=720px){.section{padding:64px 0}.container{width:min(var(--container), calc(100% - 24px))}.btn{white-space:normal;text-align:center}}