:root{
  --brand:#b71c1c; --gold:#C9A227; --muted:#6b7280; --bg:#fafafa; --card:#fff; --border:#e5e7eb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#111}

.container{max-width:1152px;margin:0 auto;padding:0 16px}
.section{padding:24px 0}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}

header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:56px;height:56px;border-radius:10px;background:#eee;background-size:contain;background-position:center;background-repeat:no-repeat;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.brand b{font-size:1.15rem}
.brand-sub{font-size:.8rem;color:#374151}
nav ul{display:flex;gap:12px;list-style:none;margin:0;padding:0;align-items:center}
.nav-link{padding:8px 10px;border-radius:10px;color:#111}
.btn{padding:8px 12px;border-radius:10px;border:1px solid var(--brand);background:#fff;color:var(--brand)}
.btn.primary{background:var(--brand);color:#fff}
.meta{color:var(--muted);font-size:.85rem}

.grid{display:grid;gap:16px}
.grid.cards{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.pad{padding:14px}
.thumb{aspect-ratio:16/9;background:#eee;background-position:center;background-size:cover}
.alert{padding:12px;border:1px solid var(--border);background:#fff;border-radius:10px}

footer{margin-top:28px;background:#0b0b0b;color:#e5e7eb}
footer .container{padding:16px}
.social{display:flex;gap:10px;flex-wrap:wrap}
.social a{padding:6px 10px;border:1px solid #2a2a2a;border-radius:10px;color:#e5e7eb}

/* forms */
input[type=text],input[type=password],input[type=email],textarea,select{
  width:100%;padding:12px;border:1px solid var(--border);border-radius:10px
}
.form-field{margin:10px 0;display:block}

/* auth */
.auth-wrap{display:flex;min-height:70vh;align-items:center;justify-content:center;padding:28px}
.auth-card{width:100%;max-width:520px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.06);overflow:hidden}
.auth-head{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(201,162,39,.08),transparent)}
.auth-body{padding:16px}

/* tables */
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left}
.table th{background:#fafafa}

/* comments */
.comment{border-left:3px solid var(--border);padding-left:10px;margin:10px 0}
.reply{margin-left:16px;margin-top:8px}

/* responsive */
@media (max-width: 900px){
  .grid.cards{grid-template-columns:1fr}
  .brand-sub{display:none}
}