html,body,#root{height:100%;margin:0;padding:0}:root{--bg: #ffffff;--text: #0f172a;--muted: #475569}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Inter,system-ui,-apple-system,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 500px at 10% 0%,rgba(37,99,235,.08),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(34,197,94,.08),transparent 60%),radial-gradient(900px 500px at 50% 100%,rgba(6,182,212,.08),transparent 60%),#fff}.page{max-width:1120px;margin:0 auto;padding:30px 18px 44px}.header{text-align:center;margin-bottom:22px}.title{margin:0 0 10px;font-size:38px;font-weight:900;letter-spacing:.2px;background:linear-gradient(90deg,#2563eb,#06b6d4,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:0 auto;max-width:980px;font-size:15px;line-height:1.7;color:#0f172a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}.card{--accent: #2563eb;--accent-rgb: 37 99 235;height:190px;border-radius:18px;text-decoration:none;color:inherit;position:relative;overflow:hidden;border:1px solid rgba(2,6,23,.08);background:linear-gradient(135deg,rgba(var(--accent-rgb) / .16),#fff0 62%),#fff;box-shadow:0 14px 34px #0f172a1a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:after{content:"";position:absolute;left:0;top:0;height:6px;width:100%;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,0))}.card:hover{transform:translateY(-4px);box-shadow:0 18px 44px #0f172a24;border-color:rgba(var(--accent-rgb) / .35)}.card:focus-visible{outline:3px solid rgba(var(--accent-rgb) / .35);outline-offset:3px}.cardInner{height:100%;padding:20px 22px;display:flex;flex-direction:column;gap:12px;position:relative}.glow{position:absolute;right:-80px;bottom:-80px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(var(--accent-rgb) / .25),transparent 60%);pointer-events:none;filter:blur(2px)}.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900;color:var(--accent);background:rgba(var(--accent-rgb) / .14);border:1px solid rgba(var(--accent-rgb) / .25)}.textBlock{display:grid;gap:4px}.cardTitle{font-size:18px;font-weight:900;letter-spacing:.2px}.cardMeta{font-size:13px;color:var(--muted)}.cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--accent)}.cta svg{transform:translateY(1px)}@media (max-width: 980px){.grid{grid-template-columns:repeat(2,1fr)}.card{height:180px}.title{font-size:34px}}@media (max-width: 560px){.grid{grid-template-columns:1fr}.card{height:170px}.title{font-size:28px}}@media (prefers-reduced-motion: reduce){.card{transition:none}.card:hover{transform:none}}