:root{--text:#0f172a;--muted:#334155;--border: rgba(15,23,42,.1);--shadow: 0 12px 36px rgba(2,6,23,.1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:radial-gradient(900px 600px at 20% 10%,rgba(168,85,247,.36),transparent 55%),radial-gradient(900px 600px at 80% 20%,rgba(59,130,246,.32),transparent 55%),radial-gradient(900px 600px at 50% 95%,rgba(99,102,241,.22),transparent 60%),#f8fafc}.page{min-height:100vh;display:flex;flex-direction:column}.header{padding:34px 18px 10px;display:flex;justify-content:center}.brand{width:min(980px,100%);display:flex;gap:14px;align-items:center}.logo{width:66px;height:66px;object-fit:contain;border-radius:18px;background:#fff;box-shadow:var(--shadow);padding:8px;border:1px solid rgba(15,23,42,.08)}.brandText h1{margin:0;font-size:30px;letter-spacing:.2px;color:#0b1220}.brandText p{margin:6px 0 0;color:#0f172ab3;font-size:14px}.wrap{flex:1;display:flex;justify-content:center;padding:18px 18px 34px}.grid{width:min(980px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 920px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.grid{grid-template-columns:1fr}}.card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);padding:22px;min-height:178px}.badges{position:static;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;max-width:100%;margin-top:auto;padding-top:14px}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.3px;color:#0f172ad1;background:#a855f71a;border:1px solid rgba(168,85,247,.22)}.card:hover .badge{background:#22c55e1a;border-color:#22c55e47}.card h2{margin:0;font-size:18px;font-weight:850;line-height:1.15}.desc{margin:10px 0 0;color:#0f172aad;font-size:14px;line-height:1.35}.features{margin:14px 0 0;padding-left:18px;color:#0f172ab8;font-size:13px;line-height:1.4}.features li{margin:6px 0}.footer{display:flex;justify-content:center;padding:18px 18px 28px;color:#0f172a8c;font-size:12px}
