/* Cinematic authentication art direction. Shared form behavior lives in login.css. */
.auth-page{--gold:#f9cd56;--navy:#101f32;grid-template-columns:minmax(380px,56%) minmax(0,1fr);padding:15px;gap:0;background:#111f32}
.auth-visual{padding:37px 7.5% 24px;border-radius:21px 0 0 21px;background:#102338;isolation:isolate}
.auth-visual:before{inset:0;width:auto;height:auto;left:0;top:0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#091b30db 0%,#0d2138c9 30%,#0e233a45 55%,#091b2614 70%,#091b30bf 100%);z-index:1;pointer-events:none}
.auth-visual-glow{display:none}
.auth-photo-stage{position:absolute;inset:0;min-height:0;height:100%;width:100%;margin:0;border:0;border-radius:21px 0 0 21px;box-shadow:none;z-index:0;background:#102338}
.auth-agent-image{height:100%;width:100%;border-radius:0;object-fit:cover;object-position:center 64%;filter:saturate(.8) contrast(1.04)}
.auth-brand{position:relative;z-index:3;gap:10px}
.auth-brand-mark{width:41px;height:39px;color:#f9cd56}
.auth-brand>span{font-size:23px;letter-spacing:-.9px}
.auth-brand small{font-size:7px;letter-spacing:3.5px;color:#d0d9dfb3;margin-top:7px}
.auth-hero-copy{margin-top:clamp(33px,6vh,70px);position:relative;z-index:3;flex-shrink:0;width:100%;max-width:630px}
.auth-hero-copy h2{font-size:inherit;line-height:1.1;letter-spacing:0;text-wrap:initial;max-width:none;color:#fffdf6}
.auth-hero-lead{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,2.7vw,46px);font-weight:500;letter-spacing:-1.6px;line-height:1.3}
.auth-hero-word{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(77px,8.6vw,144px);font-weight:400;font-style:italic;letter-spacing:-6px;line-height:1.08;margin-left:-5px;text-shadow:0 4px 30px #08213414}
.auth-hero-copy h2 em{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.45vw,41px);font-weight:450;font-style:normal;line-height:1.35;letter-spacing:-1.5px;color:#f9cd56;margin-top:5px}
.auth-hero-copy:after{content:'';display:block;width:46px;height:2px;background:#eec75a;margin-top:24px}
.auth-cinematic-orbit{position:absolute;inset:0;z-index:2;pointer-events:none;width:100%;height:100%;color:#f4d38b;opacity:.15}
.auth-visual-footer{position:relative;z-index:3;margin-top:auto;padding-top:18px;border-top:1px solid #fff7df33;color:#eee7d1b3;font-size:9px;letter-spacing:.2px}
.auth-visual-footer b{color:#f8f5e9;font-size:22px}
.auth-country .cameroon-flag{width:17px;height:12px}
.auth-main{position:relative;background:#fbfaf6;border-radius:0 21px 21px 0;padding:24px clamp(22px,3.3vw,60px) 13px;isolation:isolate;gap:12px}
.auth-main:before{width:650px;height:650px;border:1px solid #eae5d733;box-shadow:0 0 0 38px #eee9dd22,0 0 0 76px #eee9dd11;right:-76%;bottom:-35%;background:none}
.auth-topbar{min-height:34px}
.auth-language{background:#fffdf8;border-color:#e6e2d8;border-radius:30px;padding:6px 11px;color:#7b817e}
.auth-language select{color:#3b4b54;font-size:11px}
.auth-card{max-width:475px;background:#ffffffd9;border:1px solid #ece8df;border-radius:18px;padding:29px 29px 22px;box-shadow:0 22px 65px -32px #46412824,0 2px 3px #77715b02;backdrop-filter:blur(20px);max-height:calc(100% - 86px)}
.auth-card:before{display:none}
.auth-eyebrow{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#8c948d;margin-bottom:25px;gap:7px}
.auth-eyebrow svg{width:13px;height:13px;color:#a0a68e}
.auth-card-heading{margin-bottom:27px}
.auth-card-heading h1{color:#1b2b36;font-size:clamp(27px,2.25vw,36px);letter-spacing:-1.3px;line-height:1.22;text-wrap:balance}
.auth-card-heading p{font-size:12px;line-height:1.8;color:#8b948f;margin-top:10px}
.auth-field>label{font-size:10px;color:#53605b;font-weight:650;letter-spacing:.15px;margin-bottom:8px}
.auth-input{border-color:#e4e7df;border-radius:9px;background:#fafbf8;min-height:48px}
.auth-input:focus-within{background:#fffef8;border-color:#d7bd6a;box-shadow:0 0 0 3px #ead49c26}
.auth-input>svg{color:#96a08f;width:16px;height:16px}
.auth-input input{font-size:13px;color:#35463d;padding:13px 0}
.auth-input input::placeholder{color:#a0a99d}
.auth-phone-input{background:#fafbf8}
.auth-phone-prefix{border-color:#e1e6db;color:#71806e;padding-left:13px;padding-right:12px;margin-right:12px}
.auth-phone-prefix b{font-size:12px}
.auth-phone-prefix .cameroon-flag{width:18px;height:13px}
.password-toggle{color:#9aa48e}
.auth-options{margin:8px 0 16px}
.auth-remember,.auth-options>.auth-link{font-size:10px;color:#8b9587}
.auth-link{color:#778554;text-underline-offset:4px}
.auth-link:hover{color:#41532f}
.auth-remember input,.auth-consent input{border-color:#d8dfcd;border-radius:4px}
.auth-primary{border-color:#f3cd5a;background:linear-gradient(110deg,#ffdc71,#f7cb4f);border-radius:9px;min-height:47px;padding:6px 7px 6px 14px;gap:10px;color:#514521;box-shadow:0 5px 12px #b5943810;font-size:12px}
.auth-primary>span:not(.auth-spinner){flex:1;text-align:center}
.auth-primary>svg{background:#22372e;color:#f7d871;border-radius:6px;width:33px;height:33px;padding:9px;box-sizing:border-box;stroke-width:1.7}
.auth-primary:hover{background:#f4ca52;box-shadow:0 7px 20px #aa90352b}
.auth-secondary{background:transparent;border-color:#e5e9df;border-radius:9px;color:#879379;min-height:44px;font-size:11px}
.auth-secondary>svg{color:#93a082;width:15px;height:15px}
.auth-secondary:hover{background:#f5f7ef;border-color:#d5ddc7}
.auth-divider{margin:16px 0;color:#b3baac}
.auth-divider>span{background:#edf0e7}
.auth-invite-note{font-size:9px;line-height:1.9;color:#9ca48f}
.auth-invitation{font-size:10px;min-height:28px}
.auth-support{border-color:#edf0e7;color:#9aa48f;font-size:10px;padding-top:14px;margin-top:16px}
.auth-support>svg{color:#9faa91}
.auth-footer,.auth-footer button{color:#a5ac9b;font-size:8px}
.auth-state-icon{background:#f5f7ed;border-color:#e8eddc;color:#98a280;box-shadow:none}
.auth-progress{border-color:#edf0e6}
.auth-progress .current{color:#8e8e59}
.auth-progress .current i{background:#fff6d8;border-color:#ebdb9f}
.auth-destination,.auth-phone-address{background:#f8faf4;border-color:#e5ebdc}
.auth-destination small,.auth-helper{color:#939f87}
.auth-destination strong,.auth-phone-address strong{color:#768868}
.auth-code-digits input{background:#fbfcf8;border-color:#dfe6d7;color:#627958}
.auth-code-digits input:focus{border-color:#ccb567;box-shadow:0 0 0 3px #ecdcaf33}
.auth-back{color:#9ba88c;font-size:11px}
.auth-back:hover{background:#f5f7ef;color:#61754a}
.auth-callout{background:#f8faf3;border-color:#e8eedc;color:#8f9e7d}
.auth-rules li,.auth-strength>div:first-child{color:#9ca88f}
.auth-resend{color:#a1ac95;font-size:11px}
.auth-page button:focus-visible{outline-color:#b49d57}
@media(min-width:1600px){.auth-card{max-width:500px;padding:36px 36px 27px}.auth-main{padding-left:4vw;padding-right:4vw}.auth-hero-copy{margin-top:64px}}
@media(max-height:820px) and (min-width:801px){.auth-visual{padding-top:27px}.auth-hero-copy{margin-top:34px}.auth-hero-lead{font-size:32px}.auth-hero-word{font-size:99px}.auth-hero-copy h2 em{font-size:29px}.auth-hero-copy:after{margin-top:17px}.auth-main{padding-top:17px}.auth-card{padding:23px 25px 18px}.auth-card-heading{margin-bottom:19px}.auth-card-heading h1{font-size:29px}.auth-eyebrow{margin-bottom:18px}.auth-card-heading p{font-size:11px}.auth-input{min-height:44px}.auth-input input{padding:11px 0}.auth-field{margin-bottom:12px}.auth-primary{min-height:44px}.auth-primary>svg{height:30px;width:30px;padding:8px}.auth-divider{margin:12px 0}.auth-support{margin-top:11px;padding-top:10px}}
@media(max-width:1150px) and (min-width:801px){.auth-page{grid-template-columns:50% 50%;padding:12px}.auth-visual{padding-left:8%;padding-right:8%}.auth-main{padding-left:22px;padding-right:22px}.auth-hero-lead{font-size:29px}.auth-hero-word{font-size:88px}.auth-hero-copy h2 em{font-size:27px}.auth-card{padding-left:24px;padding-right:24px}.auth-brand>span{font-size:21px}}
@media(max-width:800px){.auth-page{padding:10px;grid-template-columns:1fr;grid-template-rows:164px minmax(0,1fr);background:#102338}.auth-visual{height:164px;min-height:0;padding:18px 22px;border-radius:15px 15px 0 0;display:block}.auth-photo-stage{position:absolute;inset:0;width:100%;height:100%;border-radius:15px 15px 0 0;margin:0}.auth-agent-image{object-position:center 66%}.auth-visual:before{background:linear-gradient(90deg,#0b2136ed 0%,#0c243adb 43%,#0e293e40 82%)}.auth-brand-mark{height:24px;width:27px}.auth-brand>span{font-size:17px}.auth-brand small{font-size:5px;letter-spacing:2px;margin-top:4px}.auth-hero-copy{margin-top:13px;max-width:65%;width:65%}.auth-hero-lead{font-size:17px;letter-spacing:-.5px;line-height:1.15}.auth-hero-word{font-size:39px;letter-spacing:-1.7px;line-height:.95;margin-left:-1px}.auth-hero-copy h2 em{font-size:14px;letter-spacing:-.4px;line-height:1.2;margin-top:6px}.auth-hero-copy:after{display:none}.auth-cinematic-orbit{opacity:.12}.auth-visual-footer{display:none}.auth-main{padding:9px 18px 7px;border-radius:0 0 15px 15px;gap:7px;background:#fbfaf6}.auth-topbar{min-height:27px}.auth-language{min-height:27px;padding:3px 9px}.auth-card{max-width:530px;max-height:calc(100% - 61px);padding:20px 25px 17px;border-radius:14px}.auth-card-heading h1{font-size:27px}.auth-card-heading p{font-size:12px}.auth-card-heading{margin-bottom:18px}.auth-eyebrow{font-size:9px;margin-bottom:15px}.auth-input input,.auth-phone-input input{font-size:16px}.auth-field>label{font-size:11px}.auth-primary{font-size:12px;min-height:45px}.auth-secondary{min-height:43px}.auth-options>.auth-link,.auth-remember{font-size:10px}.auth-footer,.auth-footer button{font-size:8px}.auth-footer{min-height:20px}.auth-footer button{min-height:20px}.auth-support{font-size:10px}.auth-invite-description{display:none}.auth-invite-note{margin-top:7px}.auth-divider{margin:11px 0}.auth-options{margin:4px 0 11px}}
@media(max-width:480px){.auth-page{padding:7px;grid-template-rows:145px minmax(0,1fr)}.auth-visual{height:145px;padding:15px 18px}.auth-hero-copy{margin-top:12px;max-width:72%;width:72%}.auth-hero-lead{font-size:15px}.auth-hero-word{font-size:34px}.auth-hero-copy h2 em{font-size:12px;max-width:240px}.auth-brand>span{font-size:15px}.auth-main{padding:7px 13px 6px;gap:5px}.auth-card{padding:18px 20px 15px;max-height:calc(100% - 57px)}.auth-card-heading h1{font-size:25px}.auth-card-heading p{font-size:11px}.auth-eyebrow{font-size:8px;margin-bottom:12px}.auth-phone-prefix{padding:0 10px;margin-right:10px}.auth-field{margin-bottom:13px}.auth-support{font-size:9px}.auth-footer,.auth-footer button{font-size:7px}}
@media(max-height:740px) and (max-width:800px){.auth-page{grid-template-rows:104px minmax(0,1fr)}.auth-visual{height:104px;padding:12px 18px}.auth-brand small{display:none}.auth-brand-mark{height:20px;width:23px}.auth-brand>span{font-size:14px}.auth-hero-copy{margin-top:8px}.auth-hero-lead{display:inline;font-size:14px}.auth-hero-word{display:inline;font-size:26px;margin-left:2px;letter-spacing:-.8px;line-height:1}.auth-hero-copy h2 em{font-size:12px;margin-top:3px}.auth-card{padding:15px 20px 12px}.auth-card-heading h1{font-size:24px}.auth-card-heading p,.auth-eyebrow{display:none}.auth-card-heading{margin-bottom:13px}.auth-input{min-height:42px}.auth-input input{padding:9px 0}.auth-field{margin-bottom:11px}.auth-primary{min-height:41px}.auth-primary>svg{width:28px;height:28px;padding:7px}.auth-secondary{min-height:41px}.auth-options{margin:2px 0 8px}.auth-divider{margin:9px 0}.auth-support{padding-top:7px;margin-top:8px}.auth-invitation{min-height:23px}}
@media(max-height:650px) and (max-width:800px){.auth-page{grid-template-rows:minmax(0,1fr)}.auth-visual{display:none}.auth-main{border-radius:15px;height:100%;padding-top:7px}.auth-card{max-height:calc(100% - 58px)}}
@media(max-width:350px){.auth-main{padding-left:9px;padding-right:9px}.auth-card{padding-left:15px;padding-right:15px}.auth-footer,.auth-footer button{font-size:7px}.auth-card-heading h1{font-size:24px}}
@media(max-height:520px) and (min-width:600px){.auth-page{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);padding:7px}.auth-visual{display:none}.auth-main{border-radius:14px;padding:7px 4vw;gap:4px}.auth-card{max-width:750px;max-height:calc(100% - 58px);padding:12px 24px}.auth-card-heading h1{font-size:23px}.auth-card-heading p,.auth-eyebrow{display:none}.auth-card-heading{margin-bottom:10px}.auth-page[data-auth-screen=login] .auth-form{display:grid;grid-template-columns:1fr 1fr;gap:7px 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-support{margin-top:4px;padding-top:4px}.auth-page[data-auth-screen=login] .auth-invite-note{margin-top:2px}.auth-primary{min-height:41px}}
