:root{--ink:#0f172a;--muted:#64748b;--brand:#06b6d4;--accent:#22d3ee;--ring:rgba(34,211,238,.35)}
*{box-sizing:border-box}html,body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ink);background:#f8fafb}
a{color:#0e7490;text-decoration:none}a:hover{color:#0891b2}
.container{max-width:1100px;margin:0 auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 8px 18px rgba(2,8,23,.06)}
.cover{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin-bottom:10px;background:#eef5f8}
h1{margin:10px 0 16px}h3{margin:8px 0}.muted{color:var(--muted)}
.btn{display:inline-block;background:#06b6d4;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 10px 20px var(--ring);font-weight:700}
.btn:hover{background:#0ea5b7}
.form label{display:block;margin:10px 0}.form input,.form textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px}
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.table th,.table td{padding:10px;border-bottom:1px solid #eef2f6}