/* Shared authentication system — navy, warm gold and quiet editorial typography. */
.auth-page{--navy:#081f43;--gold:#ffce32;--auth-ink:#142541;--auth-muted:#79869a;--auth-line:#e5eaf1;display:grid;grid-template-columns:minmax(380px,43%) minmax(0,1fr);min-height:100svh;background:#f6f8fc;font-family:'DM Sans',Arial,sans-serif;color:var(--auth-ink)}
.auth-page button,.auth-page input,.auth-page select{font-family:inherit}.auth-skip{position:fixed;top:12px;left:12px;padding:12px 18px;background:white;border-radius:8px;z-index:90;transform:translateY(-200%)}.auth-skip:focus{transform:none}.auth-visual{position:sticky;top:0;align-self:start;height:100svh;min-height:760px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 48% 92%,#234b7a 0,transparent 57%),linear-gradient(135deg,#0d315d,#041834 85%);color:white;display:flex;flex-direction:column;padding:42px 9% 26px}.auth-visual:before{content:'';position:absolute;width:680px;height:680px;left:-490px;top:-455px;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 52px #ffffff02,0 0 0 105px #ffffff02;z-index:-1}.auth-visual-glow{position:absolute;width:450px;height:450px;border-radius:50%;background:#4f82b61c;filter:blur(65px);right:-300px;top:15%;z-index:-1}
.auth-brand{display:flex;gap:10px;align-items:center;align-self:start;position:relative;z-index:3}.auth-brand-mark{width:46px;height:42px;color:var(--gold)}.auth-brand>span{font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px;color:#fff;line-height:1.15}.auth-brand>span>span{color:var(--gold)}.auth-brand small{display:block;font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:8px;letter-spacing:3.5px;color:#a8bbd3;margin-top:7px}.auth-hero-copy{margin-top:55px;position:relative;z-index:2}.auth-hero-copy h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,3.05vw,51px);font-weight:750;line-height:1.25;letter-spacing:-1.9px;margin-top:21px;max-width:510px;color:#fff}.auth-hero-copy h2 em{font-weight:500;font-family:Georgia,serif;color:var(--gold);letter-spacing:-1px;line-height:1.3}.auth-hero-copy>p{font-size:12px;color:#b4c5db;line-height:1.85;max-width:355px;margin-top:18px}.auth-photo-stage{position:relative;flex:1;min-height:255px;margin:0 -12%;isolation:isolate}.auth-photo-halo{position:absolute;width:345px;height:345px;border:1px solid #b9d0ed17;border-radius:50%;bottom:-125px;right:-35px;box-shadow:0 0 0 38px #b6c9e905,0 0 0 75px #b6c9e903}.auth-wave{position:absolute;bottom:-10px;left:-10%;width:120%;height:93%;pointer-events:none;z-index:0}.auth-student{position:absolute;right:-4%;bottom:-52px;height:117%;width:76%;object-fit:contain;object-position:bottom right;z-index:1;filter:drop-shadow(-10px 8px 25px #03162a22)}.auth-photo-caption{position:absolute;bottom:30px;left:10%;z-index:2;max-width:230px;padding:12px 15px 15px 0;text-shadow:0 2px 12px #041b3b}.auth-quote-mark{font-family:Georgia,serif;font-size:38px;line-height:1;color:var(--gold)}.auth-photo-caption p{font-size:12px;font-weight:500;color:#f1f5fc;line-height:1.6;margin-top:-5px}.auth-caption-line{display:block;background:var(--gold);height:2px;width:26px;margin-top:13px}.auth-visual-footer{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff16;padding-top:17px;margin-top:10px;gap:10px;color:#adc0d9;font-size:9px}.auth-country{display:flex;align-items:center;gap:7px}.cameroon-flag{display:inline-flex;width:18px;height:13px;align-items:center;justify-content:center;background:linear-gradient(90deg,#009953 0 33.3%,#e93640 33.3% 66.6%,#ffcd27 66.6%);border-radius:2px;flex-shrink:0}.cameroon-flag i{font-size:7px;color:#ffdf33;font-style:normal}.auth-visual-footer b{font-family:Georgia,serif;font-size:18px;color:white;font-weight:400;letter-spacing:-1px;margin-left:3px}
.auth-main{position:relative;min-width:0;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:30px clamp(24px,5vw,88px) 21px;background:radial-gradient(ellipse at 100% 100%,#eaf0fb 0,transparent 65%),#f7f9fc;isolation:isolate}.auth-main:before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid #e2e8f166;bottom:7%;right:-35%;z-index:-1;box-shadow:0 0 0 55px #e7edf433,0 0 0 110px #e7edf422;pointer-events:none}.auth-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;margin-bottom:30px;flex-shrink:0}.auth-demo-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 0;color:#8390a1;font-size:10px}.auth-demo-badge i{width:5px;height:5px;background:#c4a755;border-radius:50%}.auth-language{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:7px 9px;color:#62728a;min-height:36px}.auth-language svg{width:14px;height:14px}.auth-language>svg:last-child{width:11px;pointer-events:none}.auth-language select{appearance:none;background:transparent;border:0;color:#253957;font-size:10px;font-weight:650;padding-right:0;cursor:pointer}.auth-language select:focus-visible{outline:2px solid #7b96bd;outline-offset:3px}.auth-card{width:100%;max-width:495px;margin:auto 0;padding:35px 38px 26px;background:#fff;border:1px solid #e8edf3;border-radius:19px;box-shadow:0 15px 50px -22px #1b3c7024,0 1px 3px #16376504;position:relative;outline:none;animation:auth-appear .3s ease-out}.auth-eyebrow{display:flex;align-items:center;gap:6px;font-size:9px;color:#8a96a7;letter-spacing:.3px;margin-bottom:24px}.auth-eyebrow svg{width:14px;height:14px;color:#a0adbd}.auth-card-heading{margin-bottom:27px}.auth-card-heading h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,2.2vw,33px);line-height:1.3;letter-spacing:-1.35px;color:#142541;font-weight:800}.auth-card-heading p{font-size:11px;line-height:1.8;color:#8490a3;margin-top:9px;max-width:360px}.auth-field{margin-bottom:18px}.auth-field>label{font-size:10px;font-weight:650;color:#42536c;display:block;margin-bottom:8px}.auth-input{display:flex;align-items:center;gap:11px;min-height:47px;border:1px solid #e0e6ee;border-radius:8px;background:#fdfefe;padding:0 13px;transition:border-color .15s,box-shadow .15s}.auth-input:focus-within{border-color:#9baec8;box-shadow:0 0 0 3px #809ec312;background:#fff}.auth-input:has([aria-invalid="true"]){border-color:#cb8c82;background:#fffdfc}.auth-input>svg{width:16px;height:16px;color:#9aa7b8}.auth-input input{width:100%;min-width:0;flex:1;border:0;outline:none;background:transparent;padding:14px 0;font-size:11px;color:#243854;line-height:1.5}.auth-input input::placeholder{color:#a0aabb;opacity:1}.password-toggle{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:36px;padding:4px;background:transparent;color:#91a0b4;margin-right:-7px;border-radius:5px}.password-toggle svg{width:16px;height:16px}.password-toggle:hover{color:#244366;background:#f2f5f9}.password-toggle[aria-pressed="true"]{color:#a98c2c}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:21px 0 23px;flex-wrap:wrap}.auth-remember{display:flex;align-items:center;gap:7px;font-size:10px;color:#7a879a;cursor:pointer}.auth-remember input,.auth-consent input{appearance:none;width:15px;height:15px;flex-shrink:0;border:1px solid #d2dbe7;border-radius:4px;background:#fff;display:grid;place-content:center;margin:0;cursor:pointer}.auth-remember input:checked,.auth-consent input:checked{background:#ffce32;border-color:#e4b620}.auth-remember input:checked:before,.auth-consent input:checked:before{content:'✓';font-size:12px;color:#4b410e;font-weight:700}.auth-remember input:focus-visible,.auth-consent input:focus-visible{outline:2px solid #869fc1;outline-offset:3px}.auth-link{display:inline;border:0;padding:0;background:transparent;color:#4d6794;font-size:inherit;font-weight:550;text-decoration:none;text-underline-offset:3px;cursor:pointer}.auth-link:hover{text-decoration:underline;color:#213d70}.auth-options>.auth-link{font-size:10px}.auth-primary,.auth-secondary,.auth-back{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:47px;border-radius:8px;padding:12px 15px;font-size:11px;font-weight:650;line-height:1.5;transition:background .15s,box-shadow .15s,transform .15s}.auth-primary{background:linear-gradient(115deg,#ffda50,#ffcb25);border:1px solid #f6ca36;color:#34321c;box-shadow:0 3px 6px #dbac1820}.auth-primary:hover{background:#f8c727;box-shadow:0 4px 10px #c69b2224;transform:translateY(-1px)}.auth-primary:active{transform:none}.auth-primary svg{width:16px;height:16px}.auth-secondary{color:#62728d;background:#fff;border:1px solid #e0e6ee}.auth-secondary svg{width:16px;height:16px;color:#8a9bb1}.auth-secondary:hover{background:#f7f9fd;border-color:#c8d3e4}.auth-back{border:0;color:#7e8ba0;background:transparent;font-weight:500;font-size:10px;margin-top:13px;min-height:40px}.auth-back svg{width:13px;height:13px;transform:rotate(180deg)}.auth-back:hover{color:#233e69;background:#f8fafc}.auth-divider{display:flex;align-items:center;gap:13px;color:#adb7c5;font-size:9px;margin:19px 0}.auth-divider span{height:1px;background:#edf0f5;flex:1}.auth-invite-note{font-size:9px;line-height:1.8;color:#96a0af;text-align:center;margin-top:21px;padding:0 8px}.auth-support{border-top:1px solid #eef1f5;display:flex;align-items:center;justify-content:center;gap:7px;color:#98a2b0;font-size:9px;margin-top:23px;padding-top:18px;line-height:1.7;flex-wrap:wrap}.auth-support>svg{width:14px;height:14px}.auth-support .auth-link{margin-left:3px}.auth-footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#98a3b4;font-size:8px;padding-top:35px;margin-top:auto;flex-shrink:0}.auth-footer>div{display:flex;align-items:center;gap:9px}.auth-footer button{font-size:8px;color:#8996aa;background:transparent;border:0;padding:5px 0}.auth-footer button:hover{color:#35547e}.auth-page button:focus-visible,.auth-dialog button:focus-visible{outline:2px solid #7897c0;outline-offset:4px}.auth-error{font-size:10px;color:#bc6258;background:#fff7f5;border:1px solid #f2ddd8;border-radius:7px;padding:10px 12px;margin:0 0 16px;line-height:1.7}.auth-error[hidden],.auth-feedback[hidden]{display:none}.auth-feedback{font-size:10px;line-height:1.7;color:#477b66;background:#f2f8f4;border:1px solid #dcebe1;padding:10px 12px;border-radius:7px;margin-top:16px}.auth-spinner{width:15px;height:15px;border:2px solid #9d7e3d44;border-top-color:#6b551e;border-radius:50%;animation:auth-spin .7s linear infinite}.auth-primary[disabled]{cursor:wait;transform:none;opacity:.7}
.auth-state-icon{display:flex;align-items:center;justify-content:center;width:51px;height:51px;border-radius:15px;background:#f1f5fb;border:1px solid #e7edf6;color:#7190b7;margin-bottom:21px;box-shadow:0 3px 10px #567aa608}.auth-state-icon svg{width:24px;height:24px;stroke-width:1.4}.auth-state-icon.success{color:#5d9178;background:#f0f8f2;border-color:#ddeee3}.auth-state-icon.warning{color:#b49856;background:#fbf7ed;border-color:#f2e8d3}.auth-progress{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:26px;padding:0 0 18px;border-bottom:1px solid #edf1f6}.auth-progress>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#a7b1c0;white-space:nowrap}.auth-progress i{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #e9edf3;border-radius:50%;font-size:7px;font-style:normal}.auth-progress b{font-weight:500}.auth-progress .current{color:#617998}.auth-progress .current i{background:#fff8da;border-color:#f6e3a2;color:#ad8e35}.auth-progress .complete i{background:#f0f7f2;color:#7b9b84;border-color:#e1eee4}.auth-progress i svg{width:10px;height:10px}.auth-callout{display:flex;align-items:flex-start;gap:8px;padding:12px 13px;border:1px solid #e7edf5;background:#f7f9fc;border-radius:8px;font-size:10px;line-height:1.8;color:#8796ac;margin-bottom:20px}.auth-callout svg{width:15px;height:15px;margin-top:2px;color:#91a5bf}.auth-callout.demo{background:#fcfaf3;border-color:#f0ead9;color:#a09270;font-size:9px}.auth-callout.demo svg{color:#baa36c}.auth-callout strong{color:#84734f;font-weight:650;letter-spacing:1px}.auth-helper{color:#97a3b4;font-size:10px;line-height:1.8;margin:-3px 0 23px}.auth-destination{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e5eaf2;background:#fbfcfe;border-radius:8px;margin-bottom:25px}.auth-destination-icon{display:flex;align-items:center;justify-content:center;width:31px;height:34px;background:#edf2f9;border-radius:7px;color:#859bbb}.auth-destination-icon svg{width:16px;height:16px}.auth-destination>div{min-width:0;flex:1}.auth-destination small{display:block;font-size:8px;color:#96a3b5;margin-bottom:4px}.auth-destination strong{display:block;font-size:10px;color:#617595;font-weight:600;overflow-wrap:anywhere}.auth-destination .auth-link{font-size:9px}.auth-code{border:0;padding:0;margin:0;min-width:0}.auth-code legend{font-size:10px;color:#546884;font-weight:600;margin-bottom:10px}.auth-code-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.auth-code-digits input{width:100%;min-width:0;height:55px;border:1px solid #dce4ef;border-radius:9px;background:#fcfdff;outline:none;text-align:center;font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:650;color:#29466b;caret-color:#c4a23b}.auth-code-digits input:focus{border-color:#c7ae5a;box-shadow:0 0 0 3px #f7e9b94d;background:#fffefb}.auth-code-digits input[aria-invalid=true]{border-color:#cf968d}.auth-code-expiry{display:flex;align-items:center;justify-content:center;gap:5px;color:#a0aaba;font-size:9px;margin:13px 0 23px}.auth-code-expiry svg{width:12px;height:12px}.auth-code-expiry strong{font-weight:550;color:#7b8ea9}.auth-code-expiry .expired{color:#b77765}.auth-resend{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;color:#a2adbc;margin:17px 0 20px;min-height:18px}.auth-resend [hidden]{display:none}.auth-resend button:disabled{cursor:default;opacity:.6}.auth-strength{padding:0 2px;margin:-5px 0 21px}.auth-strength>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#94a0b3}.auth-strength strong{font-weight:500}.auth-strength-bars{display:flex;gap:4px;margin:8px 0 12px}.auth-strength-bars i{height:3px;background:#edf0f5;border-radius:3px;flex:1;transition:background .2s}.auth-strength-bars .filled[data-score="1"]{background:#d3a793}.auth-strength-bars .filled[data-score="2"]{background:#d5bf77}.auth-strength-bars .filled[data-score="3"]{background:#a5b99b}.auth-strength-bars .filled[data-score="4"]{background:#72a389}.auth-rules{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.auth-rules li{display:flex;align-items:center;gap:5px;font-size:8px;line-height:1.5;color:#a6afbd}.auth-rules svg{width:11px;height:11px;stroke-width:2;color:#c7d0dd}.auth-rules .met,.auth-rules .met svg{color:#79a08b}.auth-match{font-size:9px;line-height:1.7;color:#ba8478;margin:-7px 0 17px}.auth-match:empty{display:none}.auth-match.matched{color:#7d9e87}.auth-consent{display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.8;color:#8b98ac;margin:20px 0}.auth-consent input{margin-top:1px}.auth-state-copy{font-size:11px;color:#8492a7;line-height:1.9;margin-bottom:25px}.auth-phone-address{display:flex;align-items:center;gap:9px;border:1px solid #e7edf4;border-radius:9px;background:#f8fafd;padding:14px;margin:19px 0 15px;overflow-wrap:anywhere}.auth-phone-address svg{width:17px;color:#8ea3bf}.auth-phone-address strong{font-size:11px;font-weight:550;color:#617b9f;min-width:0}.auth-state-copy .auth-helper{margin:0;font-size:9px}.auth-success-detail{display:flex;align-items:center;gap:8px;padding:15px;background:#f6faf7;border:1px solid #e6efe8;border-radius:8px;color:#7f9d89;font-size:10px;line-height:1.8;margin-bottom:20px}.auth-success-detail svg{width:15px;height:15px}.auth-lock-count{text-align:center;padding:20px;background:#fbfaf7;border:1px solid #efece1;border-radius:9px;color:#a09478;font-size:10px;margin-bottom:24px}.auth-lock-count strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:650;letter-spacing:4px;color:#9c8958;margin-top:10px}.auth-dialog>p{color:#8190a5;font-size:12px;line-height:1.9;margin-bottom:20px}.auth-dialog .auth-callout{margin-top:20px}.auth-support-person{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #edf0f5}.auth-support-person>svg{color:#91a4be;width:22px;height:22px}.auth-support-person strong{display:block;font-size:12px;color:#4b617f}.auth-support-person small{display:block;font-size:10px;margin-top:5px;color:#98a5b8}.auth-gallery{display:grid;gap:7px}.auth-gallery button{display:flex;align-items:center;gap:12px;text-align:left;background:#f9fbfd;border:1px solid #e9eef5;border-radius:8px;padding:12px;color:#748aa6;width:100%}.auth-gallery button:hover{border-color:#e6d49b;background:#fffdf7}.auth-gallery button>span{font-size:9px;color:#a9b5c6}.auth-gallery button>div{flex:1;min-width:0}.auth-gallery strong{display:block;font-size:11px;color:#526b8c;font-weight:550}.auth-gallery small{display:block;font-size:8px;color:#a0adbf;margin-top:4px}.auth-gallery svg{width:14px;height:14px}.auth-dialog .auth-primary,.auth-dialog .auth-secondary{margin-top:15px}
@keyframes auth-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.auth-visual{padding:49px 10% 29px}.auth-hero-copy{margin-top:65px}.auth-hero-copy h2{font-size:51px}.auth-hero-copy>p{font-size:13px;max-width:390px}.auth-main{padding-top:37px;padding-bottom:26px}.auth-card{max-width:530px;padding:41px 45px 30px}.auth-card-heading h1{font-size:35px}.auth-card-heading p{font-size:12px}.auth-field>label{font-size:11px}.auth-input{min-height:51px}.auth-input input{font-size:12px;padding:15px 0}.auth-primary,.auth-secondary{min-height:51px;font-size:12px}.auth-photo-caption{bottom:38px;left:11%}.auth-photo-caption p{font-size:13px}.auth-student{height:121%;width:79%;right:-8%}.auth-invite-note{font-size:10px}.auth-support,.auth-options>.auth-link,.auth-remember{font-size:10px}.auth-footer{font-size:9px}.auth-footer button{font-size:9px}}
@media(max-height:800px) and (min-width:1001px){.auth-visual{min-height:690px;padding-top:29px}.auth-hero-copy{margin-top:34px}.auth-hero-copy h2{font-size:37px}.auth-hero-copy>p{font-size:11px;margin-top:13px}.auth-photo-stage{min-height:230px}.auth-photo-caption{bottom:24px}.auth-photo-caption p{font-size:10px}.auth-main{padding-top:22px}.auth-topbar{margin-bottom:22px}.auth-card{padding-top:28px;padding-bottom:23px}.auth-eyebrow{margin-bottom:18px}.auth-footer{padding-top:24px}.auth-state-icon{width:45px;height:45px;margin-bottom:15px}}
@media(max-width:1100px){.auth-page{grid-template-columns:minmax(320px,40%) minmax(0,1fr)}.auth-visual{padding-left:8%;padding-right:8%}.auth-hero-copy{margin-top:47px}.auth-hero-copy h2{font-size:36px;letter-spacing:-1.5px}.auth-hero-copy>p{font-size:11px}.auth-photo-caption{max-width:180px;left:9%}.auth-photo-caption p{font-size:10px}.auth-main{padding-left:25px;padding-right:25px}.auth-card{padding:31px 29px 24px}.auth-card-heading h1{font-size:28px}.auth-brand>span{font-size:23px}.auth-brand-mark{width:40px}.auth-visual-footer{font-size:8px;flex-wrap:wrap}.auth-student{right:-15%;width:95%;height:116%}}
@media(max-width:800px){.auth-page{grid-template-columns:1fr}.auth-visual{position:relative;top:auto;height:290px;min-height:0;padding:25px 34px;display:block}.auth-brand>span{font-size:21px}.auth-brand-mark{width:38px;height:35px}.auth-brand small{font-size:6px;letter-spacing:2.8px;margin-top:5px}.auth-hero-copy{margin-top:22px;max-width:65%}.auth-hero-copy h2{font-size:30px;line-height:1.22;margin-top:0;letter-spacing:-1px}.auth-hero-copy>p{font-size:10px;line-height:1.7;margin-top:10px;max-width:320px}.auth-photo-stage{position:absolute;right:0;top:0;bottom:0;width:38%;min-height:0;margin:0;z-index:0}.auth-student{height:112%;width:100%;right:0;bottom:-35px}.auth-photo-halo{width:280px;height:280px;bottom:-130px;right:-30px}.auth-wave{width:250%;left:-140%;height:68%;bottom:-30px;opacity:.9}.auth-photo-caption,.auth-visual-footer{display:none}.auth-brand,.auth-hero-copy{position:relative;z-index:2}.auth-main{min-height:calc(100svh - 290px);padding:20px 32px 21px}.auth-topbar{margin-bottom:20px;max-width:520px}.auth-card{max-width:520px;padding:33px 38px 27px;margin:0 auto 0;border-radius:17px}.auth-card-heading h1{font-size:30px}.auth-card-heading p{font-size:12px}.auth-field>label{font-size:11px}.auth-input input{font-size:13px}.auth-input{min-height:49px}.auth-primary,.auth-secondary{min-height:49px;font-size:12px}.auth-options>.auth-link,.auth-remember{font-size:11px}.auth-remember input,.auth-consent input{width:17px;height:17px}.auth-demo-badge{font-size:9px}.auth-footer{max-width:520px;margin:0 auto;padding-top:24px;font-size:8px}.auth-card-heading{margin-bottom:27px}.auth-progress>span{font-size:9px}.auth-helper,.auth-callout{font-size:11px}.auth-callout.demo{font-size:10px}.auth-support{font-size:10px}.auth-invite-note{font-size:10px}.auth-state-copy{font-size:12px}.auth-error{font-size:11px}.auth-language select{font-size:11px}}
@media(max-width:480px){.auth-visual{height:230px;padding:22px 23px}.auth-brand>span{font-size:20px}.auth-brand-mark{width:33px;height:30px}.auth-hero-copy{margin-top:20px;max-width:76%}.auth-hero-copy h2{font-size:27px;max-width:255px;line-height:1.2;letter-spacing:-1px}.auth-hero-copy>p{display:none}.auth-photo-stage{width:39%;right:-5%}.auth-student{height:92%;width:112%;right:-5%;bottom:-35px;opacity:.95}.auth-wave{width:400%;left:-250%;bottom:-45px;height:58%}.auth-main{min-height:calc(100svh - 230px);padding:15px 18px 19px}.auth-topbar{margin-bottom:15px}.auth-language{min-height:34px;padding:7px 8px}.auth-language>svg:first-child{width:13px}.auth-card{padding:27px 23px 23px;border-radius:15px}.auth-eyebrow{font-size:8px;margin-bottom:20px}.auth-card-heading h1{font-size:27px;letter-spacing:-1.1px}.auth-card-heading p{font-size:11px;line-height:1.7;margin-top:8px}.auth-field{margin-bottom:18px}.auth-field>label{font-size:10px}.auth-input{padding:0 12px;gap:9px;min-height:49px}.auth-input input{font-size:12px}.auth-input>svg{width:15px}.auth-options{gap:10px;margin:20px 0 23px}.auth-remember,.auth-options>.auth-link{font-size:10px}.auth-primary,.auth-secondary{font-size:11px;min-height:49px}.auth-invite-note{font-size:9px;margin-top:19px;padding:0}.auth-support{font-size:9px;margin-top:22px;gap:5px}.auth-support>svg{width:13px}.auth-footer{justify-content:center;text-align:center;font-size:8px;gap:7px;padding-top:23px}.auth-footer>div{justify-content:center;width:100%}.auth-progress{gap:5px}.auth-progress>span{font-size:7px;gap:4px}.auth-progress i{width:18px;height:18px}.auth-code-digits{gap:6px}.auth-code-digits input{height:48px;font-size:21px;border-radius:7px}.auth-destination{gap:8px;padding:10px}.auth-destination small{font-size:8px}.auth-destination .auth-link{font-size:8px}.auth-state-icon{width:47px;height:47px;border-radius:13px}.auth-state-icon svg{width:22px;height:22px}.auth-rules{grid-template-columns:1fr;gap:7px}.auth-rules li{font-size:9px}.auth-strength>div:first-child{font-size:9px}.auth-consent{font-size:9px}.auth-feedback{font-size:10px}.auth-phone-address{padding:12px;gap:7px}.auth-phone-address strong{font-size:10px}.auth-resend{font-size:10px}.auth-state-copy{font-size:11px}.auth-dialog .auth-primary,.auth-dialog .auth-secondary{font-size:11px}}
@media(max-width:350px){.auth-main{padding-left:12px;padding-right:12px}.auth-card{padding-left:18px;padding-right:18px}.auth-card-heading h1{font-size:25px}.auth-hero-copy h2{font-size:25px}.auth-hero-copy{max-width:80%}.auth-options{align-items:flex-start}.auth-options>.auth-link{font-size:9px}.auth-remember{font-size:9px}.auth-code-digits{gap:5px}.auth-code-digits input{height:43px;font-size:19px}}
@media(prefers-reduced-motion:reduce){.auth-page *,.auth-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.auth-visual,.auth-topbar,.auth-footer{display:none}.auth-page{display:block}.auth-main{padding:0}.auth-card{box-shadow:none;margin:0 auto}}

.auth-page{overflow-x:clip}.auth-skip{border:0;font:inherit;cursor:pointer}

/* Shared readable typography, focus states and controls across every journey. */
.auth-page{color:#172b49}
.auth-card{max-width:560px;padding:39px 43px 29px;border-color:#e3e9f2;border-radius:22px;box-shadow:0 22px 65px -30px #183d7830,0 2px 7px #183d7805}
.auth-card:before{content:'';position:absolute;top:0;left:43px;width:50px;height:2px;background:linear-gradient(90deg,#ffce32,#fce6a6);border-radius:0 0 4px 4px}
.auth-card-heading h1{font-size:clamp(28px,2.3vw,36px);letter-spacing:-1.4px;text-wrap:balance}
.auth-card-heading h1:focus{outline:none}
.auth-card-heading p{font-size:14px;color:#708097;line-height:1.75}
.auth-eyebrow{font-size:11px;color:#75869f;gap:7px}
.auth-field>label{font-size:12px;color:#3d526f;margin-bottom:9px}
.auth-input{min-height:54px;border-color:#dce4ef;padding:0 15px;border-radius:10px;background:#fcfdff}
.auth-input input{font-size:14px;padding:16px 0;color:#233b5c}
.auth-input input::placeholder{color:#7c8ba1}
.auth-input>svg{width:18px;height:18px;color:#7c91ad}
.password-toggle{min-width:40px;min-height:42px;margin-right:-8px}
.password-toggle svg{width:18px;height:18px}
.password-toggle[aria-pressed=true]:after{content:'';position:absolute;width:21px;height:1px;background:currentColor;transform:rotate(-40deg)}
.auth-options{margin:16px 0 20px;gap:10px}
.auth-remember{font-size:12px;color:#677993;min-height:40px;gap:8px}
.auth-remember input,.auth-consent input{width:18px;height:18px;border-radius:5px;border-color:#b8c6d9}
.auth-options>.auth-link{font-size:12px;min-height:40px;display:inline-flex;align-items:center}
.auth-primary,.auth-secondary{min-height:53px;font-size:14px;border-radius:10px}
.auth-primary{background:linear-gradient(115deg,#ffdc5b,#ffcc2c);box-shadow:0 5px 12px #ce9e1c16}
.auth-primary svg,.auth-secondary svg{width:18px;height:18px}
.auth-secondary{border-color:#dce4ee;color:#536d92}
.auth-invite-note{font-size:11px;color:#76859a;line-height:1.8}
.auth-invitation{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px auto -5px;min-height:36px;font-size:11px}
.auth-invitation svg{width:13px;height:13px}
.auth-support{font-size:12px;color:#75849a;line-height:1.8;padding-top:17px;margin-top:21px}
.auth-support .auth-link{padding:4px 0;display:inline-block}
.auth-support>svg{width:16px;height:16px}
.auth-footer,.auth-footer button{font-size:10px;color:#74839a}
.auth-footer button{min-height:36px;padding:7px 0}
.auth-demo-badge{font-size:11px;color:#78869a}
.auth-language{min-height:42px;padding:8px 12px;border-radius:10px}
.auth-language select{font-size:12px;min-height:22px}
.auth-state-copy{font-size:14px;color:#6e809a;line-height:1.85}
.auth-callout{font-size:12px;color:#6b809d;line-height:1.8}
.auth-callout.demo{font-size:11px;color:#8a7852;background:#fcfaf4}
.auth-helper{font-size:12px;color:#7c8ca3;line-height:1.8}
.auth-progress>span{font-size:10px;color:#8091a8}
.auth-progress .current{color:#516d94}
.auth-progress i{width:23px;height:23px;font-size:8px}
.auth-code legend{font-size:12px;color:#516b8f}
.auth-code-digits{gap:10px}
.auth-code-digits input{height:61px;border-radius:10px;font-size:25px}
.auth-code-expiry{font-size:11px;color:#7d8ba1;margin-top:16px}
.auth-code-expiry strong{color:#516e97}
.auth-destination{padding:14px;gap:12px}
.auth-destination strong{font-size:12px;color:#526d93}
.auth-destination small{font-size:11px;color:#7c8ba2;line-height:1.5}
.auth-destination .auth-link{font-size:11px;min-height:36px}
.auth-resend{font-size:12px;color:#7c8da6}
.auth-resend button{min-height:40px}
.auth-rules li,.auth-strength>div:first-child{font-size:11px;color:#7d8ba1}
.auth-rules .met,.auth-rules .met svg{color:#55866d}
.auth-rules{gap:9px}
.auth-consent{font-size:12px;color:#6f819a}
.auth-consent input{margin-top:2px}
.auth-match{font-size:11px}
.auth-error,.auth-feedback{font-size:12px}
.auth-success-detail{font-size:13px;color:#608571;line-height:1.8}
.auth-phone-address strong{font-size:14px;color:#536e94}
.auth-back{font-size:12px;min-height:44px}
.auth-lock-count{font-size:12px}
.auth-hero-copy>p{font-size:14px;color:#bacbe1;max-width:390px;line-height:1.85}


.auth-photo-caption p{font-size:13px}
.auth-visual-footer{font-size:10px}
.auth-support-person{min-height:70px}
.auth-dialog>p{font-size:14px;color:#687d9a}
.auth-support-person strong{font-size:14px}
.auth-support-person small{font-size:12px;color:#7587a0;line-height:1.6}
.auth-gallery{grid-template-columns:1fr 1fr;gap:10px}
.auth-gallery button{min-height:79px;padding:13px}
.auth-gallery strong{font-size:12px;line-height:1.5}
.auth-gallery small{font-size:10px;color:#7c8da5;overflow-wrap:anywhere}
.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:100svh;background:#081f43;color:#b9c9df;font:13px 'DM Sans',Arial,sans-serif}
.auth-loading-logo{font:800 28px Manrope,Arial,sans-serif;color:#fff;letter-spacing:-1px}
.auth-loading-logo>span{color:#ffce32}
.auth-loading-line{width:105px;height:2px;border-radius:3px;background:linear-gradient(90deg,#ffce32,transparent);animation:auth-loading-pulse 1.4s ease-in-out infinite}
.auth-loading p{font-size:12px;color:#b9c9df}
.auth-noscript{position:fixed;inset:auto 20px 30px;padding:20px;border:1px solid #eddd9f;border-radius:12px;background:#fff9e1;color:#594b21;text-align:center;z-index:90;font:14px Arial,sans-serif}
@keyframes auth-loading-pulse{50%{opacity:.35;transform:scaleX(.7)}}
@media(min-width:1500px){.auth-card{max-width:580px;padding:43px 47px 31px}.auth-card:before{left:47px}.auth-card-heading h1{font-size:37px}.auth-main{padding-left:clamp(32px,5vw,90px);padding-right:clamp(32px,5vw,90px)}}
@media(max-width:1100px) and (min-width:801px){.auth-card{padding:31px 28px 25px}.auth-card:before{left:28px}.auth-card-heading h1{font-size:29px}.auth-input input{font-size:13px}.auth-hero-copy>p{font-size:12px}.auth-photo-caption p{font-size:11px}.auth-options>.auth-link,.auth-remember{font-size:11px}.auth-support{font-size:11px}.auth-code-digits{gap:7px}.auth-progress>span{font-size:8px}.auth-progress i{width:20px;height:20px}.auth-rules{grid-template-columns:1fr}.auth-footer{gap:6px}.auth-visual-footer{font-size:9px}}
@media(max-height:800px) and (min-width:801px){.auth-main{padding-top:18px;padding-bottom:15px}.auth-topbar{margin-bottom:18px}.auth-card{padding-top:29px;padding-bottom:23px}.auth-card-heading{margin-bottom:23px}.auth-eyebrow{margin-bottom:19px}.auth-hero-copy>p{font-size:12px}.auth-card-heading h1{font-size:30px}.auth-invite-note{margin-top:17px}.auth-footer{padding-top:18px}.auth-hero-copy h2{font-size:36px}.auth-photo-stage{min-height:240px}.auth-visual{min-height:760px}}
@media(max-width:800px){.auth-card{max-width:560px;padding:33px 35px 27px;border-radius:19px}.auth-card:before{left:35px}.auth-main{padding-left:25px;padding-right:25px}.auth-card-heading h1{font-size:31px}.auth-input input{font-size:16px}.auth-hero-copy>p{font-size:12px;max-width:340px}.auth-hero-copy h2{font-size:31px}.auth-topbar,.auth-footer{max-width:560px}.auth-visual{height:300px}.auth-main{min-height:calc(100svh - 300px)}.auth-rules{grid-template-columns:1fr 1fr}.auth-gallery{grid-template-columns:1fr}.auth-footer{font-size:10px}.auth-photo-stage{width:36%}}
@media(max-width:480px){.auth-visual{height:233px;padding:22px}.auth-hero-copy h2{font-size:27px}.auth-hero-copy>p{display:none}.auth-main{padding:15px 17px 21px;min-height:calc(100svh - 233px)}.auth-card{padding:29px 23px 24px;border-radius:17px}.auth-card:before{left:23px;width:40px}.auth-card-heading h1{font-size:28px;letter-spacing:-1.05px}.auth-card-heading p{font-size:13px}.auth-field>label{font-size:12px}.auth-input input{font-size:16px;padding:15px 0}.auth-input{min-height:53px;padding:0 12px}.auth-primary,.auth-secondary{font-size:13px;min-height:52px}.auth-options{gap:8px;margin-top:12px;margin-bottom:17px}.auth-options>.auth-link,.auth-remember{font-size:11px}.auth-support{font-size:11px;gap:5px}.auth-invite-note{font-size:11px;line-height:1.8}.auth-eyebrow{font-size:10px}.auth-demo-badge{font-size:10px}.auth-progress>span{font-size:8px;gap:4px}.auth-progress i{width:20px;height:20px}.auth-code-digits{gap:6px}.auth-code-digits input{font-size:23px;height:51px}.auth-destination{padding:11px;gap:9px}.auth-destination strong{font-size:12px}.auth-destination small{font-size:10px}.auth-destination .auth-link{font-size:10px}.auth-callout.demo{font-size:11px}.auth-rules{grid-template-columns:1fr}.auth-rules li{font-size:11px}.auth-state-copy{font-size:13px}.auth-phone-address strong{font-size:12px}.auth-footer,.auth-footer button{font-size:10px}.auth-hero-copy{max-width:77%}.auth-photo-stage{width:39%}.auth-invitation{font-size:11px}}
@media(max-width:350px){.auth-main{padding-left:12px;padding-right:12px}.auth-card{padding-left:18px;padding-right:18px}.auth-card:before{left:18px}.auth-card-heading h1{font-size:26px}.auth-hero-copy h2{font-size:25px}.auth-options>.auth-link,.auth-remember{font-size:10px}.auth-support{font-size:11px}.auth-code-digits{gap:5px}.auth-code-digits input{height:46px;font-size:22px}.auth-progress>span{font-size:7px}.auth-photo-stage{right:-6%}}
@media(prefers-reduced-motion:reduce){.auth-loading-line{animation:none}}
.password-toggle{position:relative}.auth-main{padding-bottom:calc(21px + env(safe-area-inset-bottom,0px))}

/* Phone-first sign-in: uncluttered editorial panel and a consistent country-code control. */
.auth-visual{background:radial-gradient(ellipse at 60% 85%,#234b78 0,transparent 59%),linear-gradient(140deg,#102e54,#071a36 85%)}
.auth-hero-copy{margin-top:69px}
.auth-hero-copy h2{margin-top:0;font-size:clamp(35px,3.25vw,54px);line-height:1.23;letter-spacing:-1.9px}
.auth-hero-copy>p{max-width:350px;margin-top:23px;font-size:14px;color:#b9c9dd;line-height:1.85}
.auth-photo-stage{margin-top:20px}
.auth-student{height:109%;width:76%;right:-2%;bottom:-45px}
.auth-wave{height:77%;opacity:.96}
.auth-photo-caption{bottom:37px;max-width:225px}
.auth-card{border-color:#e3e9f1;background:linear-gradient(135deg,#fff,#fdfefe);box-shadow:0 24px 65px -28px #15315c28,0 1px 4px #15315c03}
.auth-card:before{width:62px;height:3px;background:linear-gradient(90deg,#f8c62d,#ffe8a0)}
.auth-phone-input{padding-left:0;gap:0;overflow:hidden;background:#fff}
.auth-phone-prefix{display:flex;align-items:center;justify-content:center;gap:8px;min-height:29px;padding:0 15px;margin-right:14px;border-right:1px solid #e1e7f0;white-space:nowrap;flex-shrink:0;color:#435c7f}
.auth-phone-prefix .cameroon-flag{width:21px;height:15px}
.auth-phone-prefix b{font-size:13px;font-weight:600;letter-spacing:.2px}
.auth-phone-input input{font-size:15px;letter-spacing:.35px;min-width:0}
.auth-phone-input input::placeholder{letter-spacing:.7px;color:#8e9bb0}
.auth-card-heading p{max-width:390px}
.auth-phone-address{font-variant-numeric:tabular-nums;letter-spacing:.4px}
@media(min-width:1500px){.auth-hero-copy{margin-top:78px}.auth-student{height:114%;width:79%;right:-5%}}
@media(max-width:1100px) and (min-width:801px){.auth-hero-copy{margin-top:58px}.auth-hero-copy h2{font-size:37px}.auth-hero-copy>p{font-size:12px}.auth-phone-prefix{gap:6px;padding:0 11px;margin-right:10px}.auth-phone-prefix b{font-size:12px}.auth-phone-input input{font-size:14px}.auth-student{height:105%;width:96%;right:-15%}}
@media(max-height:800px) and (min-width:801px){.auth-hero-copy{margin-top:42px}.auth-hero-copy h2{font-size:37px}.auth-photo-stage{min-height:245px}.auth-student{height:107%}}
@media(max-width:800px){.auth-hero-copy{margin-top:29px}.auth-hero-copy h2{font-size:32px;line-height:1.23}.auth-hero-copy>p{font-size:12px;margin-top:15px;max-width:330px}.auth-photo-stage{margin-top:0}.auth-student{height:108%;width:104%;right:0;bottom:-30px}.auth-wave{height:65%}.auth-phone-input input{font-size:16px}}
@media(max-width:480px){.auth-visual{height:219px}.auth-hero-copy{margin-top:25px;max-width:77%}.auth-hero-copy h2{font-size:28px;max-width:267px;line-height:1.22}.auth-hero-copy>p{display:none}.auth-main{min-height:calc(100svh - 219px)}.auth-photo-stage{right:-6%;width:41%}.auth-student{height:95%;width:112%;right:-4%;bottom:-34px}.auth-wave{height:51%;bottom:-31px}.auth-phone-prefix{padding:0 12px;margin-right:11px;gap:7px}.auth-phone-prefix b{font-size:13px}.auth-phone-prefix .cameroon-flag{width:20px;height:14px}.auth-phone-input input{font-size:16px;letter-spacing:.2px}}
@media(max-width:350px){.auth-hero-copy h2{font-size:26px}.auth-phone-prefix{padding:0 9px;margin-right:9px;gap:5px}.auth-phone-prefix b{font-size:12px}.auth-phone-prefix .cameroon-flag{width:17px;height:13px}.auth-phone-input input{font-size:16px}.auth-card{padding-left:17px;padding-right:17px}}
/* Viewport-based authentication layout: the page itself never scrolls. */
body.auth-active{height:100dvh;overflow:hidden}
.auth-page{height:100dvh;min-height:0;overflow:hidden;grid-template-columns:minmax(360px,44%) minmax(0,1fr)}
.auth-visual{position:relative;top:auto;height:100%;min-height:0;padding:clamp(24px,4vh,42px) 9% 22px;overflow:hidden;display:flex;flex-direction:column}
.auth-hero-copy{margin-top:clamp(24px,5vh,54px);flex-shrink:0}
.auth-hero-copy h2{font-size:clamp(31px,3.05vw,50px);line-height:1.19;letter-spacing:-1.7px;max-width:510px;text-wrap:balance}
.auth-hero-copy h2 em{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-1.7px}
.auth-photo-stage{position:relative;flex:1;min-height:0;margin:clamp(20px,3vh,33px) 0 16px;width:auto;right:auto;top:auto;bottom:auto;overflow:hidden;border-radius:17px;background:#193a5b;border:1px solid #ffffff18;box-shadow:0 16px 30px #00112c22}
.auth-agent-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;border-radius:16px}
.auth-visual-footer{flex-shrink:0;margin-top:0;padding-top:14px;font-size:10px}
.auth-main{height:100%;min-height:0;padding:20px clamp(24px,4.5vw,78px) 12px;overflow:hidden;gap:12px}
.auth-topbar{justify-content:flex-end;margin:0;width:100%;min-height:36px;flex-shrink:0}
.auth-language{min-height:36px;padding:6px 10px}
.auth-card{flex:0 1 auto;min-height:0;max-height:calc(100% - 88px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5dfed transparent;margin:auto 0;padding:clamp(23px,3.3vh,36px) 37px 23px;max-width:560px}
.auth-footer{margin:0;padding-top:0;min-height:28px;flex-shrink:0}
.auth-card-heading{margin-bottom:22px}
.auth-card-heading h1{font-size:clamp(26px,2.2vw,34px)}
.auth-card-heading p{font-size:13px;margin-top:7px}
.auth-eyebrow{margin-bottom:19px}
.auth-field{margin-bottom:15px}
.auth-input{min-height:49px}
.auth-input input{padding:13px 0}
.auth-primary,.auth-secondary{min-height:48px}
.auth-options{margin:9px 0 15px}
.auth-divider{margin:15px 0}
.auth-invite-note{margin-top:15px;font-size:10px}
.auth-support{margin-top:16px;padding-top:13px;font-size:11px}
.auth-invitation{min-height:29px;margin-top:4px}
@media(max-height:850px) and (min-width:801px){.auth-card{padding:24px 31px 19px}.auth-card-heading{margin-bottom:17px}.auth-card-heading h1{font-size:29px}.auth-card-heading p{font-size:12px}.auth-eyebrow{font-size:10px;margin-bottom:15px}.auth-field{margin-bottom:12px}.auth-field>label{margin-bottom:7px;font-size:11px}.auth-input{min-height:44px}.auth-input input{padding:11px 0;font-size:14px}.auth-primary,.auth-secondary{min-height:44px;font-size:12px}.auth-options{margin:5px 0 11px}.auth-options>.auth-link,.auth-remember{min-height:30px;font-size:11px}.auth-divider{margin:12px 0}.auth-invite-description{display:none}.auth-invite-note{margin-top:10px}.auth-support{margin-top:12px;padding-top:10px}.auth-hero-copy h2{font-size:clamp(29px,3vw,44px)}}
@media(max-width:1100px) and (min-width:801px){.auth-page{grid-template-columns:minmax(320px,40%) minmax(0,1fr)}.auth-main{padding-left:24px;padding-right:24px}.auth-card{padding-left:27px;padding-right:27px}.auth-visual{padding-left:8%;padding-right:8%}.auth-hero-copy h2{font-size:34px}.auth-brand>span{font-size:22px}}
@media(max-width:800px){.auth-page{grid-template-columns:1fr;grid-template-rows:165px minmax(0,1fr)}.auth-visual{height:165px;min-height:0;padding:18px 27px;display:block}.auth-brand-mark{height:28px;width:31px}.auth-brand>span{font-size:18px}.auth-brand small{font-size:6px;letter-spacing:2px;margin-top:4px}.auth-hero-copy{margin-top:14px;max-width:62%}.auth-hero-copy h2{font-size:25px;line-height:1.18;letter-spacing:-.8px;max-width:350px}.auth-hero-copy h2 em{letter-spacing:-.8px}.auth-photo-stage{position:absolute;width:31%;right:23px;top:18px;bottom:18px;margin:0;min-height:0;border-radius:11px}.auth-agent-image{border-radius:10px;object-position:46% center}.auth-visual-footer{display:none}.auth-main{height:100%;min-height:0;padding:10px 22px 8px;gap:7px}.auth-topbar{max-width:560px;min-height:30px}.auth-language{min-height:30px;padding:4px 8px}.auth-language select{min-height:20px;font-size:11px}.auth-card{max-height:calc(100% - 67px);padding:22px 28px 18px;margin:auto 0}.auth-card-heading h1{font-size:28px}.auth-card-heading{margin-bottom:17px}.auth-card-heading p{font-size:12px}.auth-eyebrow{margin-bottom:14px;font-size:10px}.auth-input{min-height:45px}.auth-input input{font-size:16px;padding:11px 0}.auth-field{margin-bottom:13px}.auth-field>label{font-size:11px;margin-bottom:7px}.auth-primary,.auth-secondary{min-height:44px;font-size:12px}.auth-options{margin:5px 0 10px}.auth-options>.auth-link,.auth-remember{min-height:28px;font-size:11px}.auth-divider{margin:11px 0}.auth-invite-description{display:none}.auth-invite-note{margin-top:8px}.auth-invitation{min-height:27px}.auth-support{font-size:10px;margin-top:11px;padding-top:9px}.auth-footer{max-width:560px;min-height:23px;font-size:9px;justify-content:space-between;gap:8px;flex-wrap:nowrap}.auth-footer>div{width:auto;gap:7px}.auth-footer button{font-size:9px;min-height:23px;padding:3px 0}.auth-rules{grid-template-columns:1fr 1fr}.auth-rules li{font-size:9px}.auth-strength>div:first-child{font-size:9px}}
@media(max-width:480px){.auth-page{grid-template-rows:145px minmax(0,1fr)}.auth-visual{height:145px;padding:15px 19px}.auth-hero-copy{max-width:64%;margin-top:13px}.auth-hero-copy h2{font-size:21px;letter-spacing:-.6px;max-width:235px}.auth-hero-copy h2 em{letter-spacing:-.6px}.auth-brand>span{font-size:16px}.auth-brand-mark{width:27px;height:25px}.auth-photo-stage{width:29%;top:15px;bottom:15px;right:15px}.auth-main{padding:8px 15px 7px;gap:6px}.auth-card{padding:19px 21px 16px;max-height:calc(100% - 62px);border-radius:15px}.auth-card-heading h1{font-size:26px;letter-spacing:-1px}.auth-card-heading p{font-size:11px;margin-top:5px}.auth-eyebrow{margin-bottom:12px;font-size:9px}.auth-field>label{font-size:11px}.auth-phone-prefix{padding-left:10px;padding-right:10px;margin-right:10px}.auth-options>.auth-link,.auth-remember{font-size:10px}.auth-footer{font-size:8px;gap:7px}.auth-footer button{font-size:8px}.auth-footer>div{gap:6px}.auth-support{font-size:10px}.auth-invitation{font-size:10px}.auth-state-icon{width:42px;height:42px;margin-bottom:15px}.auth-progress{margin-bottom:19px;padding-bottom:14px}.auth-rules{grid-template-columns:1fr}.auth-code-digits input{height:45px}}
@media(max-height:740px) and (max-width:800px){.auth-page{grid-template-rows:110px minmax(0,1fr)}.auth-visual{height:110px;padding:12px 20px}.auth-brand>span{font-size:15px}.auth-brand small{display:none}.auth-brand-mark{height:22px;width:24px}.auth-hero-copy{margin-top:10px;max-width:67%}.auth-hero-copy h2{font-size:19px;line-height:1.13;max-width:280px}.auth-photo-stage{top:10px;bottom:10px;width:26%;right:13px}.auth-main{padding-top:6px;gap:4px}.auth-card{padding:15px 20px 13px}.auth-card-heading{margin-bottom:13px}.auth-card-heading h1{font-size:24px}.auth-card-heading p{display:none}.auth-eyebrow{display:none}.auth-input{min-height:42px}.auth-input input{padding:9px 0}.auth-primary,.auth-secondary{min-height:41px;font-size:12px}.auth-field{margin-bottom:11px}.auth-support{margin-top:8px;padding-top:7px}.auth-divider{margin:9px 0}.auth-invitation{min-height:23px}.auth-footer{min-height:22px}}
@media(max-width:350px){.auth-main{padding-left:11px;padding-right:11px}.auth-card{padding-left:16px;padding-right:16px}.auth-hero-copy h2{font-size:19px}.auth-footer{font-size:7px}.auth-footer button{font-size:7px}}
@media(max-height:520px) and (min-width:600px){.auth-page{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.auth-visual{display:none}.auth-main{padding:8px 5vw;gap:5px}.auth-card{max-width:750px;padding:17px 25px;max-height:calc(100% - 62px)}.auth-card-heading h1{font-size:23px}.auth-card-heading p,.auth-eyebrow,.auth-invite-description{display:none}.auth-card-heading{margin-bottom:12px}.auth-page[data-auth-screen=login] .auth-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 17px}.auth-page[data-auth-screen=login] .auth-field{margin:0}.auth-page[data-auth-screen=login] .auth-options{grid-column:1/-1;margin:0}.auth-page[data-auth-screen=login] .auth-divider{display:none}.auth-page[data-auth-screen=login] .auth-error{grid-column:1/-1;margin:0}.auth-page[data-auth-screen=login] .auth-invite-note{margin:3px 0 0}.auth-page[data-auth-screen=login] .auth-support{margin-top:4px;padding-top:4px}.auth-topbar,.auth-footer{max-width:750px}}
@media(max-height:650px) and (max-width:800px){.auth-page{grid-template-rows:minmax(0,1fr)}.auth-visual{display:none}.auth-main{height:100%;padding-top:7px;padding-bottom:7px}.auth-card{max-height:calc(100% - 60px)}}
@media(min-height:651px) and (max-height:740px) and (max-width:800px){.auth-visual{padding-top:10px;padding-bottom:10px}.auth-hero-copy{margin-top:5px}.auth-hero-copy h2{font-size:18px;line-height:1.12}}
@media(max-height:520px) and (min-width:600px){.auth-card{padding-top:12px;padding-bottom:12px}}
