/* Sizes are px on purpose: the old style.css sets html font-size to 10px.
   2026-11-12 redesign: restyles the signup pages to match the new homepage.
   Loaded after main.css / style.css; scoped to body.signup-modern so the form markup and scripts stay as they were. */
body.signup-modern{margin:0;font-family:'Inter',system-ui,sans-serif;color:#0f172a;background:#f6f8fc;-webkit-font-smoothing:antialiased}
body.signup-modern a{color:#1d4ed8;text-decoration:none}
body.signup-modern a:hover{text-decoration:underline}

.sm-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #e5e9f2}
.sm-nav{max-width:1140px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between}
.sm-nav img{height:38px;width:auto;display:block}
.sm-links{display:flex;align-items:center;gap:22.4px}
.sm-links a{color:#475569;font-weight:500}
.sm-links a:hover{color:#0f172a;text-decoration:none}

.sm-hero{background:radial-gradient(1200px 500px at 70% -20%,#1b3270 0,#0b1736 60%);color:#fff;text-align:center;padding:52px 24px 110px}
.sm-hero .eyebrow{display:inline-block;font-weight:600;font-size:12.8px;letter-spacing:.04em;text-transform:uppercase;color:#bfd3ff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:6.1px 12.8px;border-radius:999px}
.sm-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(30.4px,4vw,44.8px);letter-spacing:-.02em;margin:14px 0 8px;color:#fff}
.sm-hero p{color:#c6d2ee;margin:0 auto;max-width:56ch}

body.signup-modern .register-forms{float:none;width:auto;display:flow-root;background:transparent;padding:0 16px 64px;margin-top:-80px}
body.signup-modern .register-forms .container{max-width:640px;width:auto;padding:0}
body.signup-modern .form-style-5{max-width:640px;margin:0 auto;padding:34px;background:#fff;border:1px solid #e5e9f2;border-radius:20px;box-shadow:0 24px 60px rgba(15,23,42,.10);font-family:'Inter',system-ui,sans-serif}
body.signup-modern .form-style-5 h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:25.6px;color:#0f172a}
body.signup-modern .form-style-5 .intro{color:#475569}
body.signup-modern .form-style-5 fieldset{border:0;padding:0;margin:0 0 22px}
body.signup-modern .form-style-5 legend{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:17.9px;color:#0f172a;margin:0 0 14px;padding:0;border:0;width:auto;display:flex;align-items:center;gap:10px}
body.signup-modern .form-style-5 .number{background:#0b1736;color:#fff;width:30px;height:30px;line-height:30px;border-radius:50%;font-size:13.6px;font-weight:700;margin:0;text-shadow:none;flex:0 0 30px}
body.signup-modern .form-style-5 label{font-size:12.5px;font-weight:600;letter-spacing:.04em;color:#475569;margin:0 0 6px}
body.signup-modern .form-style-5 input[type="text"],
body.signup-modern .form-style-5 input[type="email"],
body.signup-modern .form-style-5 input[type="tel"],
body.signup-modern .form-style-5 select{font-family:'Inter',system-ui,sans-serif;font-size:16px;color:#0f172a;background:#fff;border:1px solid #d5dce8;border-radius:10px;padding:12.5px 14.4px;margin:0 0 14px;box-shadow:none;height:auto;width:100%;box-sizing:border-box;transition:border-color .15s, box-shadow .15s}
body.signup-modern .form-style-5 input::placeholder{color:#94a3b8}
body.signup-modern .form-style-5 input[type="text"]:focus,
body.signup-modern .form-style-5 input[type="email"]:focus,
body.signup-modern .form-style-5 input[type="tel"]:focus,
body.signup-modern .form-style-5 select:focus{background:#fff;outline:0;border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.15)}
body.signup-modern .form-style-5 select{-webkit-appearance:auto;appearance:auto}
body.signup-modern .form-style-5 .field.form-control{border:1px solid #d5dce8;border-radius:10px;padding:13.6px 14.4px;background:#fff;height:auto;min-height:48px;margin:0 0 14px;box-shadow:none}
body.signup-modern .form-style-5 .field.StripeElement--focus{border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.15)}
body.signup-modern .form-style-5 .field.StripeElement--invalid{border-color:#dc2626}
body.signup-modern .form-style-5 .rowdata{display:flex;gap:14px}
body.signup-modern .form-style-5 .rowdata .left,
body.signup-modern .form-style-5 .rowdata .right{flex:1;float:none;width:auto}
body.signup-modern .form-style-5 label.error,
body.signup-modern .form-style-5 .alreadyexit_error{display:block;color:#dc2626;font-size:13.6px;font-weight:500;letter-spacing:0;margin:-8px 0 12px}
body.signup-modern .form-style-5 input.error{border-color:#dc2626}
body.signup-modern .submit_button{display:flex;align-items:center;justify-content:center;width:100%;font-family:'Inter',system-ui,sans-serif;font-size:16.8px;font-weight:600;color:#fff;background:#1d4ed8;border:0;border-radius:12px;padding:15.2px 16px;margin:6px 0 0;cursor:pointer;box-shadow:0 8px 20px rgba(37,99,235,.28);transition:background .15s, transform .15s;height:auto;line-height:1.3}
body.signup-modern .submit_button:hover{background:#1742c4;transform:translateY(-1px)}
body.signup-modern .submit_button[disabled]{opacity:.7;transform:none}
body.signup-modern .loader-div{color:#475569;margin-top:12px;text-align:center}
body.signup-modern #paymentResponse:not(:empty){color:#dc2626;margin:0 0 12px}

.sm-footer{clear:both;background:#0b1020;color:#c6d2ee;padding:28px 24px;font-size:14.4px}
.sm-footer .in{max-width:1140px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.sm-footer a{color:#c6d2ee}

@media (max-width:700px){
  .sm-links a.hide-sm{display:none}
  body.signup-modern .form-style-5{padding:24px 18px;border-radius:16px}
  body.signup-modern .form-style-5 .rowdata{flex-direction:column;gap:0}
}
