:root{color-scheme:dark;--bg:#07111c;--panel:#101f2e;--line:#294052;--gold:#f2b85a;--cyan:#40d9e8;--text:#f4f1e8;--muted:#b8c5ce}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#183246 0,#07111c 52%);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1080px,calc(100% - 32px));margin:auto}
header{padding:20px 0;border-bottom:1px solid #ffffff18;background:#07111cdd;position:sticky;top:0;backdrop-filter:blur(12px);z-index:3}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.03em;color:var(--text)}.brand img{width:44px;height:44px;object-fit:cover;border:1px solid var(--gold);border-radius:10px}.links{display:flex;gap:20px;flex-wrap:wrap}.links a{color:var(--muted);font-size:.95rem}.links a[aria-current=page]{color:var(--gold)}
.hero{padding:76px 0 62px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:44px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800}.hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.03;letter-spacing:-.045em;margin:14px 0 20px}.hero h1 span{color:var(--gold)}.lead{font-size:1.15rem;color:var(--muted);max-width:650px}.hero-art{padding:14px;background:linear-gradient(135deg,#27485b,#111d2b);border:1px solid #527086;border-radius:24px;box-shadow:0 24px 70px #0008}.hero-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}.placeholder{aspect-ratio:1;display:grid;place-items:center;font-size:6rem;background:linear-gradient(145deg,#152f40,#07111c);border-radius:14px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:800;border:1px solid var(--gold);background:var(--gold);color:#1c2025}.btn.secondary{background:transparent;color:var(--text);border-color:#496477}
section{padding:30px 0 54px}.section-title{font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 10px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.card{padding:24px;background:linear-gradient(145deg,#122638,#0c1824);border:1px solid var(--line);border-radius:16px}.card .emoji{font-size:1.8rem}.card h3{margin:8px 0}.page{padding:54px 0 80px;max-width:850px;min-height:65vh}.page h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1}.page h2{margin-top:32px;color:var(--gold)}.page p,.page li{color:#d5dee4}.updated{font-size:.9rem;color:var(--muted)}.notice{border-left:3px solid var(--cyan);background:#102535;padding:14px 18px;border-radius:0 10px 10px 0}
form{margin-top:24px;display:grid;gap:16px}.field{display:grid;gap:7px}label{font-weight:700}input,textarea,select{width:100%;padding:13px 14px;border:1px solid #3b566a;border-radius:10px;background:#07131e;color:var(--text);font:inherit}textarea{min-height:150px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:2px}.small{font-size:.9rem;color:var(--muted)}.status{color:var(--cyan);font-weight:700}
footer{border-top:1px solid #ffffff18;padding:26px 0 34px;color:var(--muted);font-size:.92rem}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:48px 0}.hero-art{max-width:440px}.cards{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.links{gap:14px}.hero h1{font-size:3rem}}