/* Minimal, bright, festive theme */
:root{
  --bg:#0b0b12; --text:#fff; --muted:#aab; --brand:#ff4fd8; --brand2:#ffd400; --ok:#2ecc71; --err:#ff5b5b;
}
*{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(--brand);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:16px}
.site-header{position:sticky;top:0;background:#111;box-shadow:0 2px 12px rgba(0,0,0,.3);z-index:10}
.header-inner{display:flex;align-items:center;gap:16px;justify-content:space-between}
.logo{font-weight:800;letter-spacing:.5px}
.nav a{margin:0 8px}
.nav .btn{margin-left:8px}
.btn{background:var(--brand);color:#111;padding:10px 16px;border-radius:12px;border:none;cursor:pointer;display:inline-block}
.btn.big{font-size:1.1rem;padding:12px 22px}
.btn.outline{background:transparent;border:1px solid var(--brand);color:var(--text)}
.btn.danger{background:var(--err);color:#111}
.flash{padding:10px 14px;border-radius:12px;margin:12px 0}
.flash.ok{background:rgba(46,204,113,.15);border:1px solid var(--ok)}
.flash.err{background:rgba(255,91,91,.15);border:1px solid var(--err)}

.hero{background: radial-gradient(1000px 400px at 20% -10%, rgba(255,79,216,.35), transparent),
                  radial-gradient(1000px 400px at 80% -10%, rgba(255,212,0,.35), transparent);
      border-bottom:1px solid #222}
.hero-content{padding:40px 16px;position:relative;min-height:320px}
.hero h1{font-size:2.2rem;margin:.2rem 0}
.cta-row{display:flex;gap:12px;margin:12px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:#13131a;border:1px solid #1e1e2a;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}
.card img{width:100%;height:150px;object-fit:cover}
.card-body{padding:14px}
.card.pad{padding:16px}
.meta{list-style:none;padding:0;margin:8px 0;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}
.grid{display:grid;gap:16px}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

.search{display:flex;gap:8px;margin:12px 0}
.search input{flex:1;padding:10px;border-radius:10px;border:1px solid #2b2b39;background:#0f0f15;color:var(--text)}

.draw .draw-hero{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center}
.draw img{width:100%;border-radius:12px}
.notice{padding:12px;background:#261313;border:1px solid #512828;border-radius:12px}

.number-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin:10px 0}
.number-grid button{border:1px solid #2b2b39;background:#0f0f15;color:var(--text);padding:8px;border-radius:10px;cursor:pointer}
.number-grid button.active{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#111;font-weight:700}

.table{width:100%;border-collapse:collapse;background:#13131a;border-radius:12px;overflow:hidden}
.table th,.table td{padding:10px;border-bottom:1px solid #1e1e2a;text-align:left}

.site-footer{border-top:1px solid #222;margin-top:40px;padding:20px 0;background:#10101a}
.site-footer .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.copyright{color:var(--muted);margin-top:10px;font-size:.9rem}

@media (max-width:700px){
  .draw .draw-hero{grid-template-columns:1fr}
}


/* Auth form vertical layout */
.auth-form{display:block;max-width:520px}
.auth-form label{display:block;margin:12px 0}
.auth-form input{width:100%;padding:10px;border-radius:10px;border:1px solid #2b2b39;background:#0f0f15;color:var(--text)}