: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{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);padding:22px;min-height:178px}.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}