:root{--bg:#08080c;--bg-elevated:#111118;--bg-card:#16161f;--text:#a1a1aa;--text-heading:#fafafa;--accent:#f59e0b;--accent-muted:#f59e0b1f;--border:#ffffff14;--radius:12px;--max-width:960px;--font-body:"Inter", system-ui, sans-serif;--font-display:"Syne", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font:400 16px/1.6 var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(80% 50% at 50% -20%,#f59e0b26,#0000),radial-gradient(60% 40% at 100%,#f59e0b0f,#0000);position:fixed;inset:0}#root{flex-direction:column;min-height:100svh;display:flex}main{width:100%;max-width:var(--max-width);flex:1;margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}.header{max-width:var(--max-width);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:24px;display:flex}.header__logo{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.header__logo-accent{color:var(--accent)}.header__nav{gap:32px;display:flex}.header__link{color:var(--text);font-size:.875rem;font-weight:500;transition:color .2s}.header__link:hover{color:var(--text-heading)}.hero{text-align:center;padding:80px 0 100px}.hero__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-size:.75rem;font-weight:600}.hero__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-heading);margin:0 0 12px;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1.1}.hero__subtitle{font-family:var(--font-display);color:var(--text);margin:0 0 24px;font-size:1.25rem;font-weight:500}.hero__tagline{max-width:520px;margin:0 auto 40px;font-size:1.0625rem;line-height:1.7}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;padding:12px 24px;font-size:.9375rem;font-weight:500;transition:background .2s,border-color .2s,transform .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent);color:#0a0a0c}.btn--primary:hover{background:#fbbf24}.btn--ghost{border-color:var(--border);color:var(--text-heading);background:0 0}.btn--ghost:hover{background:var(--bg-elevated);border-color:#fff3}.section{border-top:1px solid var(--border);padding:80px 0}.section__header{margin-bottom:40px}.section__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:.75rem;font-weight:600}.section__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-heading);margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600}.about__content{flex-direction:column;gap:16px;max-width:640px;margin-bottom:32px;display:flex}.about__content p{margin:0;font-size:1.0625rem;line-height:1.75}.skills{flex-wrap:wrap;gap:10px;display:flex}.skills__item{color:var(--text-heading);background:var(--accent-muted);border:1px solid #f59e0b33;border-radius:999px;padding:8px 16px;font-size:.875rem;font-weight:500}.projects__grid{gap:20px;display:grid}@media (width>=640px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.projects__grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;height:100%;padding:28px;transition:border-color .2s,transform .2s;display:flex}.project-card:hover{border-color:#f59e0b4d;transform:translateY(-2px)}.project-card__title{font-family:var(--font-display);color:var(--text-heading);margin:0 0 12px;font-size:1.125rem;font-weight:600}.project-card__description{flex:1;margin:0 0 20px;font-size:.9375rem;line-height:1.65}.project-card__tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.project-card__tags li{color:var(--text);background:var(--bg-elevated);border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.project-card__link{color:var(--accent);font-size:.875rem;font-weight:500;transition:opacity .2s}.project-card__link:hover{opacity:.8}.contact{text-align:center}.contact__text{max-width:480px;margin:0 auto 32px;font-size:1.0625rem;line-height:1.7}.contact__email{margin-bottom:32px}.contact__social{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.contact__social-link{color:var(--text);font-size:.875rem;font-weight:500;transition:color .2s}.contact__social-link:hover{color:var(--accent)}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text);padding:32px 24px;font-size:.8125rem}.footer p{margin:0}@media (width<=640px){.header__nav{gap:20px}.hero{padding:48px 0 64px}.section{padding:56px 0}}