:root{--navy:#08172a;--navy2:#18304f;--yellow:#ffc400;--bg:#f3f6fa;--text:#0d1726;--muted:#607089}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}.topbar{background:var(--navy);color:#fff;padding:10px 5%;font-weight:700}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;background:#fff;border-bottom:1px solid #dbe2ea}.brand{font-size:28px;font-weight:900;color:#11629c;text-decoration:none}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none;color:var(--text);font-weight:700}nav form{margin:0}button,.login{border:0;background:var(--yellow);padding:14px 22px;border-radius:12px;font-weight:800;cursor:pointer}.hero{max-width:1120px;margin:48px auto;padding:48px;background:var(--navy2);color:#fff;border-radius:24px}.hero h1{font-size:44px;margin:10px 0}.eyebrow{color:var(--yellow);font-weight:900;letter-spacing:2px}.cards{max-width:1120px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards a{background:#fff;padding:30px;border-radius:18px;text-decoration:none;color:var(--text);box-shadow:0 10px 25px #10233a15}.steps{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.steps span{background:#fff;color:var(--text);padding:12px 16px;border-radius:999px;font-weight:700}.login-shell{max-width:900px;margin:48px auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #10233a25}.login-info{background:var(--navy2);color:#fff;padding:48px}.login-info h1{font-size:42px}.login-card{padding:48px;display:flex;align-items:center}.login-card form{width:100%}.login-card label{display:block;font-weight:700;margin:16px 0}.login-card input{display:block;width:100%;padding:14px;border:1px solid #bac6d4;border-radius:10px;margin-top:7px}.primary{width:100%;margin-top:10px}.alert{background:#fff0f0;color:#b42318;padding:14px;border:1px solid #f5b8b8;border-radius:10px}footer{background:var(--navy);color:#fff;padding:40px 5%;display:flex;gap:20px}@media(max-width:800px){header,nav{flex-wrap:wrap}.cards{grid-template-columns:1fr;padding:0 20px}.login-shell{grid-template-columns:1fr;margin:20px}.hero{margin:20px}.hero h1{font-size:34px}}