:root { --bg:#0f172a; --card:#111827; --text:#e5e7eb; --muted:#94a3b8; --accent:#38bdf8; --line:#263244; --good:#86efac; --warn:#fde68a; }
* { box-sizing:border-box; }
body { margin:0; font-family:Arial, Helvetica, sans-serif; background:linear-gradient(135deg,#0f172a,#172554); color:var(--text); line-height:1.6; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.wrap { width:min(1120px,92vw); margin:0 auto; }
.header { padding:34px 0 18px; }
.nav, .forum-nav, .pager { display:flex; flex-wrap:wrap; gap:12px; margin:18px 0; }
.nav a, .forum-nav a, .pager a { padding:9px 13px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:10px; }
.hero, .card, .post, .login, .admin-panel, .month-block { background:rgba(17,24,39,.88); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:24px; box-shadow:0 10px 35px rgba(0,0,0,.24); }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin:22px 0; }
h1 { font-size:42px; line-height:1.1; margin:0 0 12px; }
h2 { margin-top:0; }
h3 { margin-bottom:8px; }
.muted { color:var(--muted); }
.badge { display:inline-block; padding:6px 10px; border:1px solid rgba(56,189,248,.35); border-radius:999px; color:#bae6fd; margin:4px 6px 4px 0; }
.car { width:100%; max-width:760px; display:block; margin:18px auto; border-radius:18px; border:1px solid rgba(255,255,255,.1); }
.post { margin:14px 0; padding:18px; }
.post-head { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; color:#bfdbfe; font-weight:700; }
.post-date { color:var(--muted); font-weight:400; }
.post-topic { color:var(--good); font-size:.95em; }
.login input, .login textarea, .admin-panel input, .admin-panel textarea, .admin-panel select { width:100%; padding:11px; margin:6px 0 12px; border:1px solid var(--line); background:#020617; color:var(--text); border-radius:10px; }
button { padding:11px 16px; border:0; border-radius:10px; background:var(--accent); color:#082f49; font-weight:700; cursor:pointer; }
.table { width:100%; border-collapse:collapse; }
.table th, .table td { border-bottom:1px solid var(--line); padding:10px; text-align:left; }
.month-block { margin:18px 0; }
.footer { color:var(--muted); padding:28px 0 42px; }