:root{
  --bg:#0b0d10; --card:#11151c; --muted:#a6b0c3; --text:#eaf0ff;
  --line:#1f2633; --brand:#f4b400; --brand2:#ffd56a; --danger:#ff4d4d;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; background:linear-gradient(180deg,#07090c, #0b0d10 35%, #090b10); color:var(--text)}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:18px}
.header{position:sticky;top:0;background:rgba(8,10,13,.75);backdrop-filter: blur(10px);border-bottom:1px solid var(--line);z-index:50}
.header-inner{display:flex;gap:14px;align-items:center;justify-content:space-between}
.brand{display:flex;gap:10px;align-items:center}
.logo{display:inline-flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand2)); color:#111; font-weight:900}
.brand small{display:block;color:var(--muted);margin-top:2px}
.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.top-actions{display:flex;gap:8px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;
  background:linear-gradient(135deg,var(--brand),var(--brand2)); color:#111;font-weight:800;border:0;cursor:pointer}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.btn.danger{background:var(--danger);color:#111}
.chip{padding:9px 12px;border-radius:14px;border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.03);cursor:pointer}
main{min-height:65vh}
.section{padding:10px 0 22px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lead{color:var(--muted);font-size:1.05rem;line-height:1.5}
.card{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:18px;padding:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hero{padding:22px 0 10px}
.hero-card{padding:18px;border:1px solid var(--line);border-radius:22px;
  background:radial-gradient(1200px 400px at 20% 10%, rgba(244,180,0,.18), transparent 60%),
             radial-gradient(900px 400px at 90% 20%, rgba(255,213,106,.10), transparent 60%),
             rgba(255,255,255,.03);}
.hero h1{margin:0 0 8px;font-size:2.1rem;line-height:1.1}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.badges span{font-size:.9rem;color:var(--muted);border:1px solid var(--line);padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.02)}
.link{color:var(--brand2)}
.muted{color:var(--muted)}
.alert{margin:10px 0;padding:12px 14px;border-radius:14px;border:1px solid var(--line)}
.alert-danger{background:rgba(255,77,77,.08);border-color:rgba(255,77,77,.25)}
.alert-ok{background:rgba(244,180,0,.10);border-color:rgba(244,180,0,.35)}
.form label{display:block;font-weight:700;margin:10px 0 6px}
.form input,.form select,.form textarea{width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--text)}
.form small{display:block;margin-top:6px;color:var(--muted)}
.check{display:flex;gap:10px;align-items:center;font-weight:600}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.pill{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.imgbox{position:relative}
.imgbox form{position:absolute;left:8px;bottom:8px}
.big{font-size:2rem;font-weight:900;margin:0}
.footer{border-top:1px solid var(--line);padding:18px 0;margin-top:22px;background:rgba(255,255,255,.02)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.tiny{color:var(--muted);font-size:.9rem;margin-top:10px}
.mt{margin-top:16px}
.prose{color:var(--muted);line-height:1.65}
.cta{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:18px;
  padding:16px;border-radius:22px;border:1px solid var(--line);
  background:linear-gradient(135deg, rgba(244,180,0,.14), rgba(255,255,255,.02));}
.thumb{margin:-16px -16px 12px -16px;}
.thumb img{width:100%;height:170px;object-fit:cover;border-radius:18px 18px 14px 14px;border-bottom:1px solid var(--line)}
@media (max-width: 900px){
  .grid3{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .nav{display:none}
}