*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f8f8;color:#082E3A}.top{height:72px;background:#fff;border-bottom:1px solid #dce7e8;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.logo{height:38px}.wrap{width:min(1180px,90vw);margin:48px auto}.card{background:#fff;border:1px solid #dce7e8;border-radius:16px;padding:28px;box-shadow:0 12px 35px #082e3a0c}.login{width:min(460px,90vw);margin:8vh auto}.eyebrow{font-size:12px;letter-spacing:.16em;color:#0FA3A8;font-weight:700}.field{margin:18px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input{width:100%;padding:13px;border:1px solid #bfd0d2;border-radius:8px;font-size:16px}.btn{display:inline-block;border:0;border-radius:8px;background:#082E3A;color:#fff;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer}.btn.alt{background:#0FA3A8}.error{background:#fff0f0;border:1px solid #e5b6b6;padding:12px;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.app{background:#fff;border:1px solid #dce7e8;border-radius:14px;padding:22px;text-decoration:none;color:#082E3A}.app b{display:block;font-size:20px;margin-bottom:6px}.muted{color:#60787e}.actions{display:flex;gap:12px;align-items:center}.hero{margin-bottom:28px}@media(max-width:600px){.top{padding:0 20px}.wrap{width:92vw;margin:28px auto}}