:root{--background: #08090d;--panel: rgba(255, 255, 255, .075);--panel-strong: rgba(255, 255, 255, .11);--text: #f7f8fb;--muted: #a4a9b8;--line: rgba(255, 255, 255, .14);--shadow: 0 24px 90px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(145,242,214,.16),transparent 34rem),radial-gradient(circle at 85% 10%,rgba(155,183,255,.13),transparent 28rem),linear-gradient(135deg,#08090d,#0d1018 45%,#07080c)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.shell{position:relative;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px;overflow:hidden}.ambient{position:fixed;width:360px;height:360px;border-radius:999px;filter:blur(80px);opacity:.22;pointer-events:none;z-index:-1}.ambient-one{top:18%;left:-120px;background:#91f2d6}.ambient-two{right:-120px;bottom:14%;background:#9bb7ff}.nav{position:sticky;top:16px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--line);border-radius:22px;background:#08090db8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 80px #0000003d}.brand,.nav-links{display:flex;align-items:center}.brand{gap:10px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:14px;color:#07100d;background:linear-gradient(135deg,#f7f8fb,#91f2d6);box-shadow:0 0 30px #91f2d640}.nav-links{gap:8px}.nav-links a{padding:10px 14px;border-radius:999px;color:var(--muted);font-size:.92rem;font-weight:600;transition:background .18s ease,color .18s ease}.nav-links a:hover{color:var(--text);background:#ffffff14}.hero{padding:104px 0 42px;max-width:920px}.eyebrow{margin:0 0 14px;color:#91f2d6;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-size:clamp(3.05rem,9vw,7.4rem);line-height:.89;letter-spacing:-.085em;max-width:980px}.hero-copy{max-width:660px;color:var(--muted);font-size:clamp(1.06rem,2vw,1.24rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.primary{color:#07100d;background:#91f2d6;box-shadow:0 18px 48px #91f2d638}.secondary{border:1px solid var(--line);background:#ffffff0f}.secondary:hover{border-color:#ffffff47;background:#ffffff1a}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 86px}.stats article,.about-card,.project-card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stats article{padding:20px;border-radius:24px}.stat-value,.stat-label{display:block}.stat-value{margin-bottom:6px;font-size:1.12rem;font-weight:800;letter-spacing:-.04em}.stat-label{color:var(--muted);font-size:.92rem;line-height:1.55}.projects-section{padding:12px 0 84px}.section-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:end;margin-bottom:26px}.section-heading h2,.about-card h2{margin-bottom:0;font-size:clamp(2rem,5vw,4rem);line-height:.98;letter-spacing:-.07em}.section-heading p:last-child{color:var(--muted);line-height:1.7}code{color:#f7f8fb;padding:.15rem .34rem;border:1px solid var(--line);border-radius:8px;background:#ffffff14}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{min-height:292px;padding:24px;border-radius:30px;isolation:isolate;transition:transform .2s ease,border-color .2s ease,background .2s ease}.project-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24px 20px,color-mix(in srgb,var(--accent),transparent 68%),transparent 18rem);opacity:.9;z-index:-1}.project-card:after{content:"";position:absolute;inset:auto 24px 24px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent),white 10%),transparent);opacity:.55}.project-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent),white 35%);background:var(--panel-strong)}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:34px}.status{display:inline-flex;align-items:center;width:fit-content;padding:8px 11px;border:1px solid color-mix(in srgb,var(--accent),transparent 45%);border-radius:999px;color:color-mix(in srgb,var(--accent),white 18%);background:color-mix(in srgb,var(--accent),transparent 88%);font-size:.78rem;font-weight:800}.arrow{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);transition:transform .2s ease,color .2s ease,background .2s ease}.project-card:hover .arrow{transform:translate(2px,-2px);color:#08090d;background:var(--accent)}.project-card h3{margin-bottom:12px;font-size:clamp(1.5rem,4vw,2.35rem);line-height:1;letter-spacing:-.055em}.project-card p{margin-bottom:24px;color:var(--muted);line-height:1.72}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tags span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#f7f8fbd1;background:#ffffff0f;font-size:.78rem;font-weight:700}.about-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:end;margin-bottom:30px;padding:28px;border-radius:32px}.about-card p:last-child{margin-bottom:0;color:var(--muted);font-size:1.05rem;line-height:1.7}.footer{display:flex;justify-content:space-between;gap:14px;padding:20px 2px;color:var(--muted);font-size:.92rem}.footer a:hover{color:var(--text)}@media(max-width:820px){.shell{width:min(100% - 24px,1120px)}.nav{top:10px}.brand span:last-child{display:none}.hero{padding-top:76px}h1{letter-spacing:-.075em}.stats,.project-grid,.section-heading,.about-card{grid-template-columns:1fr}.stats{margin-bottom:64px}.project-card{min-height:252px}.footer{flex-direction:column}}@media(max-width:520px){.nav-links a{padding:9px 10px}.hero-actions,.button{width:100%}.section-heading h2,.about-card h2{letter-spacing:-.055em}}
