@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground:#fff;--foreground-muted:#ffffffb3;--background:#0a0a0a;--border:#ffffff26}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-type-card{position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.content-type-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);transition:opacity .3s;position:absolute;inset:0}.content-type-card:hover:before{background:linear-gradient(135deg,#ffffff26 0%,#ffffff14 100%)}.content-type-card h3{text-shadow:0 2px 4px #00000080;filter:brightness(1.1)}.content-type-card p{text-shadow:0 1px 3px #0006;filter:brightness(1.05)}
:root{--bg:#0b0d12;--bg-2:#0f131c;--card:#111827;--card-2:#121a2a;--card-hover:#1a2235;--text:#eaf0ff;--text-muted:#a7b2c7;--primary:#7aa2ff;--accent:#b388ff;--ring:#7aa2ff73;--radius:16px;--shadow:0 18px 44px -24px #000000a6}@media (prefers-color-scheme:light){:root{--bg:#f7f9ff;--bg-2:#eef3ff;--card:#fff;--card-2:#f7f9ff;--card-hover:#eef3ff;--text:#0f1222;--text-muted:#4f5870;--primary:#335cff;--accent:#7b2cff;--ring:#335cff40}}html,body{background:radial-gradient(1000px 600px at -10% -20%,#7aa2ff26,transparent 60%),radial-gradient(800px 500px at 120% -10%,#b388ff1f,transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:32px 24px}.page-title{letter-spacing:.2px;margin:6px 0 18px;font-size:36px;font-weight:800}.banner{color:var(--text-muted);background:linear-gradient(120deg,#7aa2ff1f,#0000 60%);border:1px dashed #7aa2ff59;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 22px;padding:12px 14px;display:flex}.badge{background:#7aa2ff1f;border:1px solid #7aa2ff40;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}
.grid.tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.card{background:linear-gradient(180deg,var(--card),var(--card-2));border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffff0f;padding:18px 18px 16px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;position:relative;overflow:hidden}.card:after{content:"";opacity:.4;pointer-events:none;background:radial-gradient(300px 120px at 50% 0,#7aa2ff2e,#0000 60%);height:140px;transition:opacity .2s;position:absolute;inset:auto -50% -80%}.card:hover{border-color:var(--ring);background:var(--card-hover);transform:translateY(-2px)}.card:hover:after{opacity:.9}.tile{flex-direction:column;gap:8px;height:100%;display:flex}.tile-title{font-size:18px;font-weight:800}.tile-desc{color:var(--text-muted);min-height:44px;font-size:14px}.tile-cta{color:var(--primary);margin-top:auto;font-size:14px;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.muted{color:var(--text-muted)}