:root{--blue:#0b1b35;--cyan:#58c7ff;--green:#16a36a;--bg:#f6f8fb;--text:#172033}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}.topbar{background:var(--blue);color:#fff;z-index:5;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;display:flex}.logo strong{color:var(--blue);background:#fff;border-radius:10px;padding:8px 10px;font-size:32px}.logo span{font-weight:700}nav a{color:#fff;margin-left:18px;text-decoration:none}.login{background:var(--green);border-radius:10px;padding:10px 16px}.hero{color:#fff;background:linear-gradient(135deg,#0b1b35,#1463a5);padding:80px 32px}.badge{color:#d9f4ff;background:#ffffff24;border-radius:99px;padding:8px 12px;display:inline-block}.hero h1{max-width:850px;margin:22px 0;font-size:48px}.hero p{max-width:780px;font-size:20px;line-height:1.5}.heroActions a{background:var(--green);color:#fff;border-radius:12px;margin-right:12px;padding:13px 20px;text-decoration:none;display:inline-block}.heroActions .secondary{color:var(--blue);background:#fff}.section{padding:42px 32px}.section h2{margin-top:0;font-size:32px}.alt{background:#fff}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.card{background:#fff;border:1px solid #e9eef5;border-radius:18px;padding:22px;box-shadow:0 8px 26px #00000014}.alt .card{background:#f8fbff}.icon svg,.small{color:#1463a5;width:34px;height:34px}.card a{color:#1463a5;font-weight:700}.timeline{gap:14px;display:grid}.step{background:#fff;border:1px solid #e7edf5;border-radius:16px;align-items:flex-start;gap:16px;padding:18px;display:flex}.step svg{color:var(--green)}footer{background:var(--blue);color:#fff;padding:24px 32px}@media (width<=800px){.topbar{display:block}nav{margin-top:14px}nav a{margin:6px 10px 6px 0;display:inline-block}.hero h1{font-size:34px}}