:root{
  --bg:#0b0f14; --text:#e9eef7; --muted:#aab6c7; --line:#223047;
  --card:rgba(17,24,38,.55); --accent:#ff7a18; --ok:#24d18b;
  --r:18px; --max:1180px;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial;color:var(--text);
  background:radial-gradient(1100px 700px at 20% 10%, #1b2a44 0%, rgba(27,42,68,0) 55%),
            radial-gradient(900px 600px at 85% 20%, #2a1d12 0%, rgba(42,29,18,0) 60%),
            var(--bg);
}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 18px}
header{position:sticky;top:0;z-index:30;backdrop-filter:blur(10px);
  background:rgba(11,15,20,.65);border-bottom:1px solid rgba(34,48,71,.55)}
.topbar{border-bottom:1px solid rgba(34,48,71,.35);padding:8px 0;color:var(--muted);font-size:13px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900}
.badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--accent),#ffb34a);color:#0b0f14}
.menu{display:flex;gap:14px;align-items:center;color:var(--muted);font-weight:700}
.menu a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 14px;border-radius:14px;border:1px solid rgba(34,48,71,.75);
  background:rgba(17,24,38,.55);font-weight:900}
.btn.primary{border:0;background:linear-gradient(135deg,var(--accent),#ffb34a);color:#0b0f14}
.btn.ok{border:0;background:linear-gradient(135deg,var(--ok),#7af5c5);color:#07120d}
.card{border:1px solid rgba(34,48,71,.75);background:var(--card);border-radius:var(--r);padding:16px}
.notice{padding:10px 12px;border-radius:14px;border:1px solid rgba(34,48,71,.75);background:rgba(15,23,36,.55)}
.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
h1{margin:10px 0 8px;font-size:44px;line-height:1.08;letter-spacing:-.6px}
h2{margin:0 0 10px;font-size:26px}
.muted{color:var(--muted);line-height:1.55}
.small{font-size:13px;color:var(--muted)}
section{padding:18px 0}
label{font-weight:800;margin:10px 0 6px;display:block;color:var(--muted)}
input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(34,48,71,.75);
  background:rgba(15,23,36,.7);color:var(--text)}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid rgba(34,48,71,.55);text-align:left}
footer{border-top:1px solid rgba(34,48,71,.55);padding:26px 0 34px;color:var(--muted)}
@media (max-width: 980px){
  .grid2{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
  .grid4{grid-template-columns:1fr 1fr}
  h1{font-size:34px}
  .menu{display:none}
}