:root{--bg:#090b0c;--panel:#111315;--text:#f1ece2;--muted:#c9c0b2;--gold:#d6a63d;--line:#2b2924}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:auto;padding:0 24px}
header{border-bottom:1px solid var(--line);background:#090b0c}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{width:46px;height:46px;object-fit:cover;border-radius:50%}
nav{display:flex;gap:28px;color:var(--muted)}
.hero{text-align:center;padding:72px 24px 90px;background:radial-gradient(circle at 50% 38%,#2a2116 0,#15120e 31%,#090b0c 65%)}
.hero-logo{display:block;width:min(520px,88vw);margin:0 auto 28px;filter:drop-shadow(0 10px 28px rgba(214,166,61,.16))}
.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(44px,7vw,76px);line-height:1.02;margin:18px 0}
.hero p{color:var(--muted);font-size:18px}.buttons{display:flex;justify-content:center;gap:12px;margin-top:28px}
.btn{padding:14px 20px;border:1px solid var(--gold);border-radius:9px}.section{padding:72px 0}.section h2{font-size:34px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.card h3{color:var(--gold)}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);text-align:center}
main.page{max-width:900px;margin:auto;padding:60px 24px}main.page h1,main.page h2{color:var(--text)}main.page h2{margin-top:32px}main.page p,main.page li{color:var(--muted);line-height:1.7}
@media(max-width:650px){nav{gap:14px;font-size:14px}.brand span{display:none}.hero{padding-top:48px}}