@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro.ttf) format("truetype-variations");font-weight:200 900;font-display:swap}:root{--bg: #08080f;--bg-2: #0e0e1a;--surface: #14152330;--surface-solid: #15172a;--border: #ffffff14;--border-strong: #ffffff24;--text: #eef0fb;--muted: #a3a7c4;--faint: #6f7494;--violet: #8b5cf6;--cyan: #22d3ee;--accent-grad: linear-gradient(120deg, var(--violet), var(--cyan));--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, monospace;--maxw: 1120px;--radius: 18px;--radius-sm: 12px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60% 50% at 80% -5%,#8b5cf61f,transparent 70%),radial-gradient(50% 50% at 0% 10%,#22d3ee14,transparent 70%),linear-gradient(180deg,var(--bg-2),var(--bg) 40%)}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0;font-weight:700}h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}h3{font-size:1.2rem}p{margin:0}section{scroll-margin-top:90px}.grad-text{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:.85rem}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);font-size:.82rem;color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill svg{color:var(--violet)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .2s var(--ease),border-color .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);border-color:var(--border-strong)}.btn--small{padding:.5rem .95rem;font-size:.88rem}.btn--primary{background:var(--accent-grad);color:#0a0a12;border:none;box-shadow:0 10px 30px -10px #8b5cf6aa}.btn--primary:hover{box-shadow:0 16px 40px -12px #22d3eeaa}.btn--ghost{background:transparent}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d, 0ms)}[data-reveal].is-visible{opacity:1;transform:none}.nav{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.nav--scrolled{background:#0a0a12cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--border)}.nav__inner{max-width:var(--maxw);margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav__brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:-.01em}.nav__logo{width:30px;height:30px}.nav__links{display:flex;align-items:center;gap:1.75rem}.nav__links a{font-size:.95rem;color:var(--muted);transition:color .2s}.nav__links a:hover,.nav__links .btn{color:var(--text)}.nav__toggle{display:none;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.4rem;cursor:pointer}.nav__mobile{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem 1.5rem;background:#0a0a12f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav__mobile a:not(.btn){color:var(--muted);font-size:1.05rem}.hero{position:relative;max-width:var(--maxw);margin:0 auto;padding:9rem 1.5rem 5rem;text-align:center}.hero__glow{position:absolute;top:4rem;left:50%;width:min(720px,90%);height:360px;transform:translate(-50%);background:radial-gradient(closest-side,#8b5cf633,transparent);filter:blur(20px);z-index:-1;pointer-events:none}.hero__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.hero__content>*{max-width:100%}.hero__title{overflow-wrap:break-word}.hero__logo{width:84px;height:84px;margin-bottom:.25rem;filter:drop-shadow(0 8px 24px #8b5cf64d)}.hero__title{font-size:clamp(2.4rem,6.5vw,4.4rem);font-weight:800;letter-spacing:-.03em}.hero__lead{max-width:min(620px,100%);color:var(--muted);font-size:clamp(1.02rem,2vw,1.2rem)}.hero__actions{display:flex;gap:.85rem;flex-wrap:wrap;justify-content:center}.hero__stats{display:flex;gap:2.5rem;margin:2rem 0 0;flex-wrap:wrap;justify-content:center}.hero__stats div{text-align:center}.hero__stats dt{font-size:2rem;font-weight:800;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__stats dd{margin:.25rem 0 0;font-size:.85rem;color:var(--faint);max-width:140px}.section{max-width:var(--maxw);margin:0 auto;padding:5rem 1.5rem}.section__head{max-width:640px;margin-bottom:2.5rem}.section__sub{margin-top:.85rem;color:var(--muted);font-size:1.05rem}.grid{display:grid;gap:1.25rem}.grid--3,.grid--projects{grid-template-columns:repeat(3,1fr)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s var(--ease),border-color .3s,background .3s}.card--service:hover{transform:translateY(-4px);border-color:var(--border-strong);background:#ffffff09}.card__icon{display:inline-flex;padding:.7rem;border-radius:12px;background:linear-gradient(135deg,#8b5cf633,#22d3ee22);color:var(--text);margin-bottom:1rem}.card h3{margin-bottom:.5rem}.card p{color:var(--muted);font-size:.96rem}.highlights{list-style:none;margin:2rem 0 0;padding:1.4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.highlights li{display:flex;gap:.85rem;align-items:flex-start}.highlights__icon{display:inline-flex;padding:.55rem;border-radius:10px;background:#ffffff0d;color:var(--cyan);flex-shrink:0}.highlights strong{display:block;font-size:.98rem}.highlights span{color:var(--faint);font-size:.88rem}.card--project{display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.card--project:hover{transform:translateY(-5px);border-color:var(--border-strong)}.card__bar{position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent));opacity:.85}.card--project__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem .75rem;margin-top:.4rem;flex-wrap:wrap}.card--project__title{display:flex;align-items:center;gap:.6rem;min-width:0}.card--project__logo{width:40px;height:40px;border-radius:10px;object-fit:contain;padding:4px;background:#ffffff0d;border:1px solid var(--border)}.card--project__logo--icon{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent));color:#0a0a12;flex-shrink:0}.badge{font-size:.7rem;font-family:var(--font-mono);letter-spacing:.03em;padding:.25rem .55rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.card--project__tagline{color:var(--text);font-weight:600;font-size:.95rem}.card--project__desc{color:var(--muted);font-size:.92rem;flex-grow:1}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tags span{font-size:.72rem;font-family:var(--font-mono);color:var(--faint);padding:.2rem .55rem;border:1px solid var(--border);border-radius:999px}.card--project__cta{display:inline-flex;align-items:center;gap:.35rem;margin-top:.4rem;font-weight:600;font-size:.9rem;background:linear-gradient(90deg,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.card--project__cta svg{color:var(--cyan);transition:transform .2s var(--ease)}.card--project:hover .card--project__cta svg{transform:translate(2px,-2px)}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.about__text h2{margin-bottom:1rem}.about__text p{color:var(--muted);margin-bottom:1rem;font-size:1.02rem}.about__portfolio{margin-top:.5rem}.about__principles{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.about__principles li{padding:1.1rem 1.3rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.about__principles strong{display:block;margin-bottom:.2rem}.about__principles span{color:var(--faint);font-size:.9rem}.cta{position:relative;text-align:center;padding:3.5rem 1.5rem;border:1px solid var(--border-strong);border-radius:28px;background:linear-gradient(160deg,#14152a,#0c0c18);overflow:hidden}.cta__glow{position:absolute;inset:-40% 20% auto;height:300px;background:radial-gradient(closest-side,#8b5cf64d,transparent);filter:blur(30px);pointer-events:none}.cta h2{position:relative}.cta p{position:relative;max-width:520px;margin:1rem auto 1.8rem;color:var(--muted)}.cta__actions{position:relative;display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}.footer{border-top:1px solid var(--border);margin-top:3rem}.footer__inner{max-width:var(--maxw);margin:0 auto;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer__links{display:flex;gap:1.5rem}.footer__links a{color:var(--muted);font-size:.9rem;transition:color .2s}.footer__links a:hover{color:var(--text)}.footer__copy{color:var(--faint);font-size:.85rem}@media(max-width:900px){.grid--3,.grid--projects,.highlights{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:2rem}}@media(max-width:720px){.nav__links{display:none}.nav__toggle{display:inline-flex}.hero{padding-top:7.5rem}.grid--3,.grid--projects,.highlights{grid-template-columns:1fr}.section{padding:3.5rem 1.25rem}.hero__stats{gap:1.5rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}