:root{color-scheme:dark;--bg: #0b1220;--bg2: #0f172a;--card: rgba(255, 255, 255, .05);--line: rgba(255, 255, 255, .1);--text: #e2e8f0;--muted: #94a3b8;--dim: #64748b;--amber: #fbbf24;--orange: #f97316}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(ellipse at top,rgba(245,158,11,.12),transparent 55%),linear-gradient(to bottom,var(--bg),var(--bg2));-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}main{max-width:900px;margin:0 auto;padding:0 20px 48px}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--line);background:#020617b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:10px;box-shadow:0 6px 20px #f59e0b40}.brand b{font-size:16px;letter-spacing:-.01em}.brand small{display:block;font-size:10px;letter-spacing:.2em;color:var(--amber);font-weight:700;margin-top:-3px}.top nav a{margin-left:18px;font-size:14px;color:var(--muted)}.top nav a:hover{color:#fff}.hero{padding:40px 0 16px}.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.1;letter-spacing:-.02em;margin:0 0 12px;max-width:18ch}.hero p{color:var(--muted);max-width:60ch;margin:0}.today{margin-top:12px!important;color:var(--amber);font-weight:600}.news{margin:20px 0 6px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid rgba(251,191,36,.3);background:#fbbf2414;border-radius:14px;padding:10px 14px;font-size:14px}.news .tag{background:var(--amber);color:#0f172a;font-weight:900;font-size:10px;letter-spacing:.1em;padding:2px 6px;border-radius:6px}.news time{color:var(--dim);font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:24px}.loading{color:var(--dim)}.card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--card);transition:transform .15s ease,background .15s ease,border-color .15s ease}.card:hover{transform:translateY(-2px);background:#ffffff14;border-color:#fff3}.card.soon{opacity:.7}.card .head{display:flex;align-items:center;gap:12px}.card .head img{width:52px;height:52px;border-radius:14px;background:#1e293b}.card h3{margin:0;font-size:17px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.card .kind{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.card p{margin:0;color:var(--muted);font-size:14px}.badge{font-size:10px;font-weight:900;letter-spacing:.08em;padding:2px 6px;border-radius:6px;text-transform:uppercase}.badge.new{background:var(--amber);color:#0f172a}.badge.soon{background:#94a3b840;color:var(--text)}.status{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;min-height:18px}.status .ok{color:#34d399;font-weight:600}.status .fire{color:#fb923c;font-weight:700}.actions{display:flex;gap:8px;margin-top:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:12px;font-size:14px;font-weight:700;border:1px solid var(--line);background:#ffffff0d;color:var(--text)}.btn.primary{background:linear-gradient(135deg,var(--amber),var(--orange));color:#0f172a;border-color:transparent;box-shadow:0 8px 20px #f59e0b40;flex:1}.btn:hover{filter:brightness(1.05)}.card.soon .btn.primary{filter:grayscale(1);opacity:.6;pointer-events:none}.about{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}.about h2{font-size:18px;margin:0 0 6px}.about p{color:var(--muted);font-size:15px;margin:0}footer{max-width:900px;margin:0 auto;padding:16px 20px 40px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim);border-top:1px solid var(--line)}footer a:hover{color:#fff}.muted{color:var(--dim)}.prose{padding-top:24px}.prose h1{font-size:30px;letter-spacing:-.02em;margin:0 0 4px}.prose h2{font-size:18px;margin:28px 0 8px}.prose p,.prose li{color:var(--muted);font-size:15px}.prose li{margin:6px 0}.prose b{color:var(--text)}.prose a,.about a{color:var(--amber)}