:root{--orange:#ff7a00;--bg:#111;--panel:#1b1b1b;--muted:#2a2a2a;--text:#ededed}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}
.header{position:sticky;top:0;background:#141414cc;backdrop-filter:blur(6px);border-bottom:1px solid #232323;z-index:10}
.nav{display:flex;align-items:center;gap:18px;padding:12px 18px}
.nav .brand{display:flex;align-items:center;gap:10px;font-weight:800}
.nav .links{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}
.nav .links a{padding:8px 10px;border-radius:8px;color:#ddd}
.nav .links a.active,.nav .links a:hover{background:var(--muted);color:#fff}
.container{width:min(1100px,92vw);margin:0 auto}
.hero{padding:70px 0;border-bottom:1px solid #232323;background:linear-gradient(180deg,#1a1a1a,#111);text-align:center}
.hero h1{margin:0 0 10px;font-size:42px;line-height:1.1}
.hero p{margin:0 0 16px;color:#cfcfcf}
.btn{display:inline-block;background:var(--orange);color:#111;font-weight:700;padding:11px 16px;border-radius:10px;margin:5px}
.btn.secondary{background:#262626;color:#fff;border:1px solid #333}
.section{padding:44px 0;border-bottom:1px solid #232323;background:#121212}
.h2{font-size:28px;margin:0 0 16px;color:#fff}
.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}
.grid-2.reverse{grid-template-columns:.9fr 1.1fr}
.card{background:var(--panel);border:1px solid #262626;border-radius:14px;padding:18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.list ul{margin:10px 0 0 18px}
.notice{background:#181818;border:1px dashed #3a3a3a;color:#e2e2e2;border-radius:12px;padding:14px}
.responsive{max-width:100%;height:auto;border-radius:12px;border:1px solid #262626}
.right-image{justify-self:end;max-width:520px;width:100%}
.caption{display:block;margin-bottom:6px;color:#aaa;font-style:italic}
footer{background:#0c0c0c;border-top:1px solid #232323;color:#9a9a9a;padding:20px 0;text-align:center}
input,textarea,select{background:#0f0f0f;border:1px solid #3a3a3a;color:#fff;border-radius:10px;padding:12px;width:100%}
form{display:grid;gap:12px}
small.muted{color:#aaa}
@media (max-width:900px){.cards{grid-template-columns:1fr}.grid-2,.grid-2.reverse{grid-template-columns:1fr}.hero h1{font-size:32px}.right-image{justify-self:start}}