:root{--bg: #0b1220;--bg-soft: #111a2e;--surface: #ffffff;--surface-soft: #f8fafc;--text: #0f172a;--text-light: #e5eefc;--line: #dbe4f0;--primary: #2563eb;--primary-dark: #1d4ed8;--shadow: 0 20px 50px rgba(15, 23, 42, .12);--radius: 20px;--container: 1200px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--surface)}a{text-decoration:none}.page{min-height:100vh}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.hero{background:radial-gradient(circle at top right,rgba(37,99,235,.35),transparent 30%),linear-gradient(180deg,#0b1220,#0f172a);color:var(--text-light);padding:88px 0 64px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}.badge{display:inline-block;margin-bottom:18px;padding:8px 14px;border:1px solid rgba(219,228,240,.18);border-radius:999px;background:#ffffff0f;font-size:14px}h1{margin:0 0 20px;font-size:56px;line-height:1.05;letter-spacing:-.03em}h2{margin:0 0 24px;font-size:36px;line-height:1.15}h3{margin:0 0 14px;font-size:22px}.hero-text{max-width:720px;margin:0 0 28px;font-size:20px;line-height:1.6;color:#d6e2f5}.hero-note{margin-top:20px;color:#a9bbd6;font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;font-weight:600;transition:.2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{border:1px solid rgba(219,228,240,.22);color:#fff;background:#ffffff0a}.btn-secondary:hover{background:#ffffff1a}.hero-card{display:grid;gap:18px}.mini-panel{padding:24px;border-radius:var(--radius);background:#ffffff12;border:1px solid rgba(219,228,240,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mini-title{margin-bottom:12px;font-size:18px;font-weight:700}.mini-panel ul{margin:0;padding-left:20px;color:#d6e2f5;line-height:1.8}.section{padding:72px 0}.section-alt{background:var(--surface-soft)}.cards{display:grid;gap:24px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.card.compact{padding:24px}.card p,.card li,.card ol{font-size:16px;line-height:1.7}.card ul,.card ol{margin:0;padding-left:20px}.text-link{display:inline-block;margin-top:18px;color:var(--primary);font-weight:600}.cta-section{padding-top:24px}.cta-box{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;background:#0f172a;color:#fff;border-radius:24px}.cta-box p{margin:8px 0 0;color:#cbd5e1;line-height:1.6}.footer{padding:28px 0 40px;border-top:1px solid var(--line);background:#fff}.footer-inner{display:flex;justify-content:space-between;gap:16px;color:#64748b;font-size:14px}.footer-link{color:#64748b;font-size:14px;transition:color .2s ease}.footer-link:hover{color:var(--primary)}@media(max-width:1024px){.hero-grid,.cards.two,.cards.three,.cards.four,.cta-box{grid-template-columns:1fr;display:grid}h1{font-size:42px}h2{font-size:30px}}@media(max-width:640px){.hero{padding-top:64px}h1{font-size:34px}.hero-text{font-size:18px}.container{padding:0 18px}.card,.mini-panel,.cta-box{padding:22px}.footer-inner{flex-direction:column}}