/* MODERUN auth | gradient login inspiration: Uiverse.io SyedShahzaib7 */
.auth-nav-link{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:9px 13px;border:1px solid #dce5ef;border-radius:10px;color:#233a5b;font-weight:620;font-size:13px;white-space:nowrap;transition:background .2s}
.auth-nav-link:hover{background:#eef4fb}
.auth-page{min-height:70vh;background:linear-gradient(130deg,#f7faff,#eef3fa);padding:74px 20px 95px}
.auth-layout{max-width:1050px;margin:auto;display:grid;grid-template-columns:minmax(0,460px) minmax(0,420px);gap:65px;align-items:center;justify-content:center}
.auth-intro h1{font-size:clamp(35px,4vw,52px);line-height:1.23;letter-spacing:-.035em;color:#101e37;margin:18px 0}
.auth-intro p{color:#516078;font-size:16px;line-height:1.8}
.auth-intro .eyebrow{color:#1a67c9}
.auth-meta{border-top:1px solid #dbe4f0;margin-top:28px;padding-top:19px;color:#65748a!important;font-size:13px!important}
.auth-shell{width:100%;border-radius:16px;color:white;padding:34px 36px 32px;
 background:linear-gradient(105deg,#020024 0%,#090979 62%,#005bff 100%);
 box-shadow:0 25px 52px rgba(7,27,72,.22)}
.auth-shell h2{color:#fff;font-size:34px;text-align:center;font-weight:650;letter-spacing:-.025em}
.auth-subhead{text-align:center;font-size:13px!important;color:#dfe9ff!important;margin:5px 0 23px;line-height:1.6}
.auth-form{display:grid;gap:15px}
.auth-field{display:grid;gap:7px}
.auth-field label{font-size:12.5px;color:#e6edff}
.auth-field input{width:100%;min-width:0;height:50px;border:2px solid rgba(255,255,255,.24);border-radius:40px;
 padding:12px 20px;background:transparent;color:#fff;font-size:15px;outline:0;transition:border-color .24s,background .24s}
.auth-field input::placeholder{color:#e4ecff;opacity:.79}
.auth-field input:focus-visible{border-color:#fff;background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(255,255,255,.10)}
.auth-between{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 1px;color:#fff;font-size:13px}
.auth-check{display:flex;align-items:flex-start;gap:7px;color:#e9edff;font-size:12px;line-height:1.5;cursor:pointer}
.auth-check input{margin-top:3px;accent-color:white}
.auth-shell a{color:white;text-decoration:none}
.auth-shell a:hover{text-decoration:underline}
.auth-submit{width:165px;min-height:45px;margin:7px auto 0;border:0;border-radius:40px;background:#fff;color:#27344e;font-size:16px;font-weight:690;
 box-shadow:0 0 10px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}
.auth-submit:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(0,0,0,.23)}
.auth-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}
.auth-bottom{text-align:center;font-size:13px;color:#e0e9ff;margin-top:21px}
.auth-bottom a{font-weight:700}
.auth-status{display:none;padding:12px 14px;border:1px solid rgba(255,255,255,.38);border-radius:11px;background:rgba(255,255,255,.12);
 color:#fff;font-size:13px;line-height:1.7;margin-bottom:17px}
.auth-status.show{display:block}
.auth-status.error{border-color:#ffb5bc;background:rgba(162,21,43,.23)}
.auth-status.success{border-color:#b2efd9;background:rgba(6,101,70,.25)}
.auth-account-email{font-size:16px;font-weight:700;color:#fff;word-break:break-all;text-align:center;margin-top:19px}
.auth-account-actions{display:grid;justify-items:center;gap:15px;margin-top:25px}
.auth-privacy{font-size:11.5px;color:#e0e9ff;line-height:1.6}
[hidden]{display:none!important}
@media(max-width:1200px){.header-inner{gap:15px}.header-nav{gap:12px}.auth-nav-link{padding:9px}}
@media(max-width:800px){.header-actions .auth-nav-link{display:none}}
@media(max-width:760px){.auth-layout{grid-template-columns:minmax(0,430px);gap:25px}.auth-intro{text-align:center}.auth-intro p{margin:auto}.auth-meta{display:none}.auth-page{padding:42px 19px 69px}}
@media(max-width:450px){.auth-shell{padding:28px 23px}.auth-intro h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.auth-submit,.auth-field input,.auth-nav-link{transition:none}}
