:root{--primary:#B87333;--primary-dark:#8E541F;--ink:#0E1014;--surface:#121418;--card:#171A20;--text:#E8EAF0;--muted:#A5ADBD;--ring:#2A2F3A}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;color:var(--text);background:var(--surface);line-height:1.6}
.container{max-width:1120px;margin:0 auto;padding:0 1rem}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(8px);background:rgba(0,0,0,.45);border-bottom:1px solid var(--ring)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:.5rem;font-weight:600;letter-spacing:.2px;font-size:1.1rem}
.brand img{width:28px;height:28px}.nav-links{display:none;gap:1.25rem}.nav a{padding:.5rem 0;border-bottom:2px solid transparent;color:var(--muted)}.nav a.active,.nav a:hover{color:#fff;border-color:var(--primary)}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--ring);border-radius:12px;background:transparent;color:#fff}
@media(min-width:768px){.nav-links{display:flex}.menu-btn{display:none}}.mobile{border-top:1px solid var(--ring);display:none;padding:.75rem 1rem}.mobile a{display:block;padding:.5rem 0;color:var(--muted)}.mobile a:hover{color:#fff}
.section{padding:3rem 0}.section h1,.section h2{line-height:1.2;margin:0 0 .5rem}.h1{font-size:clamp(2rem,4vw,3rem);font-weight:700}.h2{font-size:clamp(1.5rem,3.2vw,2.25rem);font-weight:650}.lead{color:var(--muted);max-width:56ch}
.grid{display:grid;gap:1rem}@media(min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.card{background:color-mix(in oklab,var(--card) 85%,transparent);border:1px solid var(--ring);border-radius:20px;padding:1rem}
.badge{font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--ring);border-radius:999px;background:color-mix(in oklab,var(--primary) 15%,transparent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary);color:#fff;padding:.75rem 1rem;border-radius:16px;border:0;font-weight:600}.btn:hover{background:var(--primary-dark)}
.btn-outline{background:transparent;border:1px solid var(--ring);color:#fff}.btn-outline:hover{border-color:var(--primary)}
.hero{position:relative;overflow:hidden;border:1px solid var(--ring);border-radius:28px;padding:2rem}
.hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:60%;background:radial-gradient(1000px 400px at 80% -10%,var(--primary),transparent),radial-gradient(700px 300px at -10% 110%,#3b82f6,transparent);filter:blur(18px);opacity:.35;pointer-events:none}
.hero>*{position:relative}.list{color:var(--muted);padding-left:1rem}.list li{margin:.4rem 0}
.footer{border-top:1px solid var(--ring);margin-top:3rem}.footer .cols{display:grid;gap:1rem}@media(min-width:640px){.footer .cols{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer .cols{grid-template-columns:repeat(4,1fr)}}
.footer small{color:var(--muted)}hr{border:none;border-top:1px solid var(--ring);margin:1.25rem 0}input,textarea{background:#0c0e13;color:#fff;border:1px solid var(--ring);border-radius:16px;padding:.75rem}
label{font-size:.95rem;color:var(--muted);display:grid;gap:.4rem}form .row{display:grid;gap:1rem}@media(min-width:640px){form .row-2{grid-template-columns:repeat(2,1fr)}}
.alert{font-size:.9rem;padding:.5rem .75rem;border-radius:12px}.alert.success{background:#11381d;color:#8FE3A6;border:1px solid #245f33}.alert.error{background:#3d1717;color:#f6a7a7;border:1px solid #8a2a2a}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.flex{display:flex}.center{align-items:center;justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.text-muted{color:var(--muted)}