/* Architectural entrance: an image-led brand experience and a focused sign-in surface. */
#cloudGate{padding:28px;background:#edf2f6;scrollbar-gutter:stable}
#cloudGate .cloud-auth-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch;gap:0;width:min(1190px,100%);margin:auto;padding:9px;border:1px solid #dde5ec;border-radius:27px;background:#fff;box-shadow:0 25px 75px #16374c14;overflow:hidden}
#cloudGate .cloud-intro{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:735px;padding:30px;border:0;border-radius:20px;overflow:hidden;background:#a59c88 url('/assets/beerdon-architecture-entrance.webp') center 43%/cover no-repeat;text-align:left}
#cloudGate .cloud-intro:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#10293c13 0%,transparent 25%,#0f304426 43%,#0a293ddb 78%,#0a263ee8 100%)}
#cloudGate .cloud-intro:after{display:none}
#cloudGate .cloud-brand{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:14px;position:relative;z-index:2}
#cloudGate .cloud-brand img{display:block;width:124px;height:83px;object-fit:contain;border:1px solid #ffffffe0;border-radius:11px;background:#fff;margin:0;box-shadow:0 7px 24px #092b4920}
#cloudGate .cloud-brand-caption{max-width:100px;font-size:9px;font-weight:650;letter-spacing:1.8px;line-height:1.8;color:#31536e;background:#ffffffed;border:1px solid #ffffff70;border-radius:10px;padding:9px 11px;box-shadow:0 5px 16px #092b4908}
#cloudGate .cloud-intro-content{position:relative;margin:120px 0 0;z-index:2}
#cloudGate .cloud-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:8px;line-height:1.4;font-weight:600;letter-spacing:1.4px;color:#dcf8fc;background:#ffffff0e;border:1px solid #ffffff40;border-radius:20px;padding:7px 10px}
#cloudGate .cloud-eyebrow:before{content:'';width:5px;height:5px;border-radius:50%;background:#60edcf}
#cloudGate .cloud-intro h2{font-family:inherit;max-width:510px;color:#fff;font-size:41px;line-height:1.12;font-weight:700;letter-spacing:-1.2px;margin:17px 0 14px}
#cloudGate .cloud-intro h2 em{color:#84e9e0;font-weight:700;font-style:normal}
#cloudGate .cloud-intro-content>p{max-width:340px;font-size:12px;line-height:1.85;color:#cadce6;margin:0}
#cloudGate .cloud-porcelain-motif{display:none}
#cloudGate .cloud-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:27px 0 0;padding:0;max-width:none;border:0}
#cloudGate .cloud-feature-list>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;min-height:114px;padding:13px 11px;border:1px solid #ffffff30;border-radius:13px;background:#ffffffef;box-shadow:0 4px 18px #061d3110;color:#34556d;font-size:10px;line-height:1.5;font-weight:650}
#cloudGate .cloud-feature-list small{display:block;margin-top:4px;color:#8d9fab;font-size:8px;line-height:1.5;font-weight:400}
#cloudGate .cloud-feature-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border:0;border-radius:10px;box-shadow:none}
#cloudGate .cloud-feature-icon svg{width:18px;height:18px}
#cloudGate .cloud-feature-icon.purple{background:#e7f0ff;color:#2877e0}
#cloudGate .cloud-feature-icon.cyan{background:#fff0e0;color:#ed8a2e}
#cloudGate .cloud-feature-icon.green{background:#ddf9ee;color:#0fac7c}
#cloudGate .cloud-card{position:relative;align-self:center;min-width:0;width:100%;max-width:none;padding:33px 43px;margin:0;border:0;border-radius:0;background:#fff;box-shadow:none;overflow:visible}
#cloudGate .cloud-card:before{display:none}
#cloudGate .cloud-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}
#cloudGate .cloud-access-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #ccefe4;border-radius:20px;background:#effbf7;color:#2c9e7d;font-size:8px;letter-spacing:1px;font-weight:700}
#cloudGate .cloud-access-pill svg{width:13px;height:13px}
#cloudGate .cloud-theme-button{display:grid;place-items:center;width:34px;height:34px;min-height:34px;border:1px solid #e0eafa;border-radius:11px;background:#edf4ff!important;color:#4e8adb!important;box-shadow:none}
#cloudGate .cloud-heading{margin-bottom:27px}
#cloudGate .cloud-card h1{font-family:inherit;margin:0 0 11px;color:#203f5b;font-size:31px;line-height:1.2;letter-spacing:-1px;font-weight:700}
#cloudGate .cloud-heading>p{max-width:360px;margin:0;color:#869aaf;font-size:13px;line-height:1.75}
#cloudGate .cloud-field{margin:0 0 20px}
#cloudGate .cloud-field label{display:block;margin:0 0 8px;color:#526e8a;font-size:12px;font-weight:600;line-height:1.5}
#cloudGate .cloud-required{color:#e3846b}
#cloudGate .cloud-field input{width:100%;height:51px;padding:12px 43px;border:1px solid #dce7f1;border-radius:11px;background:#f9fbfe;color:#2a5076;font-size:16px;box-shadow:none}
#cloudGate .cloud-field input::placeholder{font-size:13px;color:#a2b3c5}
#cloudGate .cloud-field input:focus{border-color:#77a5e0;background:#fff;box-shadow:0 0 0 3px #4c85d312}
#cloudGate .cloud-field-icon{color:#81a5d2}
#cloudGate .cloud-field-icon svg{width:18px;height:18px}
#cloudGate .cloud-password-toggle{color:#91a8c0}
#cloudGate .cloud-quick-login{margin:7px 0 17px}
#cloudGate .cloud-remember-email{min-height:54px;padding:9px 12px;gap:14px;border:1px solid #e1eaf4;border-radius:11px;background:#f6f9fe}
#cloudGate .cloud-remember-email:has(input:checked){border-color:#cee0f6;background:#edf5ff}
#cloudGate .cloud-remember-copy strong{color:#5f7d9e;font-size:11px;font-weight:600}
#cloudGate .cloud-remember-copy small{color:#9db0c4;font-size:9px}
#cloudGate .cloud-remember-track{background:#e1eaf4;border-color:#ccdbea}
#cloudGate .cloud-remember-email>input:checked+.cloud-remember-track{background:#438be8;border-color:#438be8}
#cloudGate .cloud-quick-login>p{margin:7px 2px 0!important;color:#9bb0c4;font-size:9px!important;line-height:1.7!important}
#cloudGate .cloud-submit{width:100%;min-height:51px;padding:14px 17px;border:1px solid #347de0!important;border-radius:11px;background:linear-gradient(105deg,#3479e1,#259dd4)!important;color:#fff;font-size:14px;font-weight:650;box-shadow:0 6px 19px #3479e122!important;letter-spacing:.1px}
#cloudGate .cloud-submit:hover{background:linear-gradient(105deg,#286bcd,#168dbf)!important;box-shadow:0 8px 23px #3479e130!important}
#cloudGate .cloud-submit svg{width:18px;height:18px;color:#fff}
#cloudGate .cloud-auth-divider{margin:24px 0 15px;font-size:9px;color:#9fb1c3}
#cloudGate .cloud-auth-divider:before,#cloudGate .cloud-auth-divider:after{background:#e6edf5}
#cloudGate .cloud-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#cloudGate .cloud-secondary{min-height:44px;padding:10px 8px;border-radius:11px;font-size:11px;font-weight:600}
#cloudGate .cloud-signup{background:#e9f9f5;border:1px solid #c9e9df;color:#258d77}
#cloudGate .cloud-signup:hover{background:#dff4ed}
#cloudGate .cloud-recover{background:#fff4e8;border:1px solid #f4dec4;color:#c5813d}
#cloudGate .cloud-recover:hover{background:#fcebd7}
#cloudGate .cloud-return{grid-column:1/-1;background:#edf5ff;border:1px solid #d0e3fa;color:#4c83c9}
#cloudGate .cloud-auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;color:#a0b3c5;font-size:9px}
#cloudGate .cloud-shell-footer{grid-column:1/-1;margin:0;padding:16px 8px 8px;border:0;background:#fff;color:#a0b1c1;text-align:center;font-size:8px;letter-spacing:2px}
#cloudGate .cloud-card [role=alert]:empty{display:none;min-height:0;margin:0}
#cloudGate .cloud-card [role=alert]:not(:empty){padding:12px;margin:12px 0;border:1px solid #f1dad3;border-radius:10px;background:#fff8f5;color:#ac6b5b;font-size:12px;line-height:1.7}
#cloudGate button:focus-visible{outline:2px solid #4c8cdb;outline-offset:3px}
@media(min-width:761px) and (max-width:1000px){#cloudGate{padding:23px 18px}#cloudGate .cloud-intro{min-height:720px;padding:25px}#cloudGate .cloud-intro h2{font-size:32px}#cloudGate .cloud-brand-caption{display:none}#cloudGate .cloud-card{padding:30px 26px}#cloudGate .cloud-card h1{font-size:26px}#cloudGate .cloud-feature-list{grid-template-columns:1fr;gap:8px;margin-top:23px}#cloudGate .cloud-feature-list>div{flex-direction:row;align-items:center;min-height:55px;padding:10px;gap:10px}#cloudGate .cloud-feature-list small{margin-top:2px}#cloudGate .cloud-tabs{grid-template-columns:1fr}}
@media(max-width:760px){#cloudGate{display:block;padding:14px 12px;background:#edf3f8}#cloudGate .cloud-auth-shell{display:block;width:100%;max-width:470px;margin:0 auto;padding:7px;border-radius:23px;box-shadow:0 14px 40px #1c4b710b}#cloudGate .cloud-intro{display:flex;justify-content:space-between;min-height:270px;padding:21px;border-radius:16px;background-position:center 46%;text-align:left}#cloudGate .cloud-intro:before{background:linear-gradient(180deg,transparent,#0b2d42a1 68%,#0b2d42cc)}#cloudGate .cloud-brand{flex-direction:row;justify-content:flex-start;gap:12px}#cloudGate .cloud-brand img{width:93px;height:62px;border-radius:8px}#cloudGate .cloud-brand-caption{font-size:7px;max-width:90px;padding:7px 9px;letter-spacing:1.5px}#cloudGate .cloud-intro-content{display:block;margin-top:40px}#cloudGate .cloud-intro h2{max-width:370px;margin:0;font-size:29px;line-height:1.12;letter-spacing:-.7px}#cloudGate .cloud-eyebrow,#cloudGate .cloud-intro-content>p,#cloudGate .cloud-feature-list{display:none}#cloudGate .cloud-card{padding:25px 18px 22px;background:#fff;border:0;border-radius:0;box-shadow:none}#cloudGate .cloud-card-top{margin-bottom:23px}#cloudGate .cloud-card h1{font-size:27px}#cloudGate .cloud-field input{font-size:16px}#cloudGate .cloud-tabs{grid-template-columns:1fr}#cloudGate .cloud-secondary{font-size:12px}#cloudGate .cloud-remember-copy strong{font-size:12px}#cloudGate .cloud-shell-footer{padding:10px 5px;font-size:7px;letter-spacing:1.6px}}
@media(max-width:360px){#cloudGate{padding:10px}#cloudGate .cloud-intro{padding:19px;min-height:250px}#cloudGate .cloud-intro h2{font-size:25px}#cloudGate .cloud-card{padding:23px 15px}#cloudGate .cloud-card h1{font-size:24px}}
html[data-theme=dark] #cloudGate{background:#0b1626}html[data-theme=dark] #cloudGate .cloud-auth-shell{background:#12243a;border-color:#2a425d;box-shadow:none}html[data-theme=dark] #cloudGate .cloud-card{background:#12243a;border:0;box-shadow:none}html[data-theme=dark] #cloudGate .cloud-card h1{color:#e1edf8}html[data-theme=dark] #cloudGate .cloud-theme-button{background:#1a385a!important;border-color:#31567e;color:#a3caf2!important}html[data-theme=dark] #cloudGate .cloud-access-pill{background:#173e33;border-color:#2c5d4c;color:#98d9bd}html[data-theme=dark] #cloudGate .cloud-field label{color:#aac7df}html[data-theme=dark] #cloudGate .cloud-field input{background:#19334d;border-color:#355573;color:#deedfa}html[data-theme=dark] #cloudGate .cloud-field input:focus{background:#1c3a58;border-color:#719ed0}html[data-theme=dark] #cloudGate .cloud-signup{background:#173f3b;border-color:#2c655c;color:#9dd9c9}html[data-theme=dark] #cloudGate .cloud-recover{background:#403329;border-color:#66513b;color:#ddb286}html[data-theme=dark] #cloudGate .cloud-return{background:#1b395c;border-color:#345b84;color:#accdf3}html[data-theme=dark] #cloudGate .cloud-remember-email,html[data-theme=dark] #cloudGate .cloud-remember-email:has(input:checked){background:#1a354f;border-color:#345573}html[data-theme=dark] #cloudGate .cloud-remember-copy strong{color:#adc9e3}html[data-theme=dark] #cloudGate .cloud-auth-divider:before,html[data-theme=dark] #cloudGate .cloud-auth-divider:after{background:#304c6a}html[data-theme=dark] #cloudGate .cloud-shell-footer{background:#12243a;color:#819dbb}html[data-theme=dark] #cloudGate .cloud-card [role=alert]:not(:empty){background:#392e31;border-color:#60454d;color:#eab8aa}
@media(prefers-reduced-motion:reduce){#cloudGate .cloud-auth-shell{animation:none}#cloudGate button{transition:none!important}}
/* Customer-facing invitation and a visible India–Honduras brand connection. */
#cloudGate .cloud-auth-shell{width:min(1230px,100%);grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);padding:0;border-radius:25px}
#cloudGate .cloud-intro{min-height:760px;padding:35px;border-radius:24px 0 0 0;background-position:center 39%}
#cloudGate .cloud-intro:before{background:linear-gradient(180deg,#12394b04 0%,transparent 23%,#12394b12 36%,#0b2d42cf 65%,#092b43f0 100%)}
#cloudGate .cloud-intro-content{margin-top:100px}
#cloudGate .cloud-intro h2{font-size:43px;line-height:1.1;letter-spacing:-1.3px;max-width:550px}
#cloudGate .cloud-intro h2 em{color:#ffe2a0}
#cloudGate .cloud-intro-content>p{font-size:13px;line-height:1.75;color:#d6e7ef;max-width:365px}
#cloudGate .cloud-eyebrow{background:#ffffff16;border-color:#ffffff40;color:#e9faff}
#cloudGate .cloud-client-invitation{margin-top:23px;position:relative;z-index:2}
#cloudGate .cloud-client-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:47px;padding:13px 18px;background:#fff;color:#176e9b;border:1px solid #ffffffd0;border-radius:11px;font:inherit;font-size:12px;font-weight:700;box-shadow:0 5px 20px #031b3a14;cursor:pointer;transition:background .16s,transform .16s}
#cloudGate .cloud-client-cta svg{width:18px;height:18px;color:#149cbd}
#cloudGate .cloud-client-cta:hover{background:#e7f9ff;transform:translateY(-1px)}
#cloudGate .cloud-client-invitation>small{display:block;margin-top:9px;color:#a9c6d7;font-size:10px;line-height:1.5}
#cloudGate .cloud-feature-list{gap:9px;margin-top:25px}
#cloudGate .cloud-feature-list>div{min-height:105px;padding:12px;border-color:#ffffff2b;background:#ffffff12;color:#f2f9fc;box-shadow:none}
#cloudGate .cloud-feature-list small{color:#b8d2df;font-size:8px}
#cloudGate .cloud-feature-icon.purple{background:#61b6ff;color:#073e79}
#cloudGate .cloud-feature-icon.cyan{background:#ffb15f;color:#773c0c}
#cloudGate .cloud-feature-icon.green{background:#6ce7bd;color:#095e44}
#cloudGate .cloud-card{padding:38px 44px}
#cloudGate .cloud-card h1{font-size:32px}
#cloudGate .cloud-tabs{grid-template-columns:1fr}
#cloudGate .cloud-recover{background:#fff5e9;border:1px solid #f2dec3;color:#b97830;min-height:43px}
#cloudGate .cloud-shell-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;grid-column:1/-1;margin:0;padding:20px 28px;border-top:1px solid #e4edf4;background:#fff;text-align:left;letter-spacing:0}
#cloudGate .cloud-origin-brand{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#7893a9}
#cloudGate .cloud-origin-route{display:flex;align-items:center;justify-content:center;gap:14px}
#cloudGate .cloud-origin-country{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:#385d7c;white-space:nowrap}
#cloudGate .cloud-origin-country>span{font-size:19px;line-height:1}
#cloudGate .cloud-origin-connection{display:grid;place-items:center;width:35px;height:27px;border:1px solid #d5edf1;border-radius:20px;background:#eff9fa;color:#2f98a7;font-size:17px;letter-spacing:0}
#cloudGate .cloud-shell-footer>small{max-width:180px;color:#96a9b9;font-size:9px;line-height:1.6;letter-spacing:0;text-align:right}
@media(min-width:761px) and (max-width:1000px){#cloudGate .cloud-intro{padding:27px;min-height:760px}#cloudGate .cloud-intro h2{font-size:32px}#cloudGate .cloud-feature-list{grid-template-columns:1fr}#cloudGate .cloud-feature-list>div{min-height:49px;padding:9px;flex-direction:row;align-items:center}#cloudGate .cloud-card{padding:30px 26px}#cloudGate .cloud-card h1{font-size:27px}#cloudGate .cloud-origin-brand{display:none}#cloudGate .cloud-shell-footer{justify-content:center}}
@media(max-width:760px){#cloudGate .cloud-auth-shell{display:block;max-width:480px;padding:0;border-radius:23px}#cloudGate .cloud-intro{min-height:350px;border-radius:22px 22px 0 0;padding:24px;background-position:center 38%}#cloudGate .cloud-intro:before{background:linear-gradient(180deg,#12394b05 5%,#12394b05 23%,#0c2d42a1 64%,#092b43dc)}#cloudGate .cloud-intro-content{display:block;margin-top:44px}#cloudGate .cloud-intro h2{font-size:30px;line-height:1.1;max-width:365px;margin:0}#cloudGate .cloud-client-invitation{margin-top:18px}#cloudGate .cloud-client-cta{min-height:43px;padding:11px 14px;font-size:11px;gap:15px}#cloudGate .cloud-client-invitation>small{display:none}#cloudGate .cloud-card{padding:27px 23px}#cloudGate .cloud-card h1{font-size:27px}#cloudGate .cloud-shell-footer{display:flex;flex-direction:column;gap:11px;padding:21px 16px;text-align:center}#cloudGate .cloud-origin-route{gap:13px;order:-1}#cloudGate .cloud-origin-brand{font-size:8px;letter-spacing:1.6px}#cloudGate .cloud-origin-country{font-size:12px}#cloudGate .cloud-shell-footer>small{max-width:none;font-size:9px;text-align:center}}
@media(max-width:360px){#cloudGate .cloud-intro{padding:21px;min-height:330px}#cloudGate .cloud-intro h2{font-size:26px}#cloudGate .cloud-card{padding:25px 18px}#cloudGate .cloud-card h1{font-size:24px}}
html[data-theme=dark] #cloudGate .cloud-feature-list>div{background:#ffffff12;border-color:#ffffff26;color:#f2f9fc}html[data-theme=dark] #cloudGate .cloud-origin-brand{color:#7c9bb8}html[data-theme=dark] #cloudGate .cloud-origin-country{color:#b4d1e8}html[data-theme=dark] #cloudGate .cloud-origin-connection{background:#173c4d;border-color:#2c5969;color:#86d8e4}html[data-theme=dark] #cloudGate .cloud-shell-footer{background:#12243a;border-color:#304c6a}
@media(prefers-reduced-motion:reduce){#cloudGate .cloud-client-cta{transition:none}#cloudGate .cloud-client-cta:hover{transform:none}}
/* Commercial welcome: an editorial heading, a focused form and a distinct enrollment surface. */
#cloudGate{background:radial-gradient(ellipse at 0 0,#dceef8,transparent 55%),#f2f5f8;padding:32px 24px}
#cloudGate .cloud-auth-shell{max-width:1170px;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);border-radius:28px;border:1px solid #e2eaf1;box-shadow:0 24px 80px #17364d15}
#cloudGate .cloud-intro{min-height:800px;border-radius:27px 0 0 0;padding:35px}
#cloudGate .cloud-intro-content{margin-top:160px}
#cloudGate .cloud-intro h2{font-size:46px;letter-spacing:-1.4px;line-height:1.08}
#cloudGate .cloud-intro h2 em{color:#ffe0a1}
#cloudGate .cloud-intro-content>p{font-size:14px;max-width:330px}
#cloudGate .cloud-card{padding:36px 44px;background:#fff}
#cloudGate .cloud-card[data-auth-mode=login]{padding:35px 44px 27px;background:linear-gradient(145deg,#f5fbff 0,#fff 32%)}
#cloudGate .cloud-card-top{margin-bottom:30px}
#cloudGate .cloud-account-brand{display:flex;align-items:center;gap:12px;min-width:0}
#cloudGate .cloud-account-logo{display:block;width:64px;height:44px;flex:none;border-radius:9px;overflow:hidden;border:1px solid #e5e9ec;background:#fff}
#cloudGate .cloud-account-logo img{display:block;width:100%;height:100%;object-fit:contain}
#cloudGate .cloud-account-brand strong{display:block;color:#213c53;letter-spacing:2.6px;font-size:15px;line-height:1.4}
#cloudGate .cloud-account-brand small{display:block;color:#a38048;letter-spacing:3.2px;font-size:8px;font-weight:650;line-height:1.7;margin-top:2px}
#cloudGate .cloud-theme-button{width:40px;height:40px;min-height:40px;border-radius:50%;background:#fff!important;color:#54788e!important;border-color:#dfe9ef}
#cloudGate .cloud-heading{margin-bottom:25px}
#cloudGate .cloud-welcome-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:13px;color:#57839b;font-size:9px;font-weight:700;letter-spacing:1.6px}
#cloudGate .cloud-welcome-label:before{content:'';width:16px;height:3px;border-radius:3px;background:#f1a64c}
#cloudGate .cloud-card[data-auth-mode=login] h1{font-size:43px;font-weight:750;line-height:1.04;letter-spacing:-1.5px;color:#18374d;margin:0 0 14px}
#cloudGate .cloud-card[data-auth-mode=login] h1 span{color:#117bd4}
#cloudGate .cloud-heading>p{font-size:13px;color:#6b8294;line-height:1.75;max-width:360px}
#cloudGate .cloud-field{margin-bottom:18px}
#cloudGate .cloud-field label{font-size:12px;font-weight:650;color:#3c5b72;margin-bottom:8px}
#cloudGate .cloud-field input{height:53px;font-size:16px;border-radius:12px;border:1px solid #d8e3ec;background:#fff;padding-left:44px;color:#24455e;box-shadow:0 3px 8px #234a6703}
#cloudGate .cloud-field input::placeholder{font-size:13px;color:#9aaaba}
#cloudGate .cloud-field input:focus{outline:0;border-color:#298bd5;box-shadow:0 0 0 4px #238dd315}
#cloudGate .cloud-field-icon{color:#5992b7}
#cloudGate .cloud-password-toggle{right:5px;width:42px;height:42px;border-radius:9px;background:#f1f6fa;color:#688aa1}
#cloudGate .cloud-login-options{margin:0 0 18px;display:block}
#cloudGate .cloud-login-options .cloud-quick-login{margin:0;width:100%}
#cloudGate .cloud-login-options .cloud-remember-email{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:12px;padding:11px 13px;min-height:53px;margin:0;border:1px solid #e5edf3;border-radius:12px;background:#f7fafc}
#cloudGate .cloud-login-options .cloud-remember-email:has(input:checked){background:#edf7fb;border-color:#cfe7ef}
#cloudGate .cloud-login-options .cloud-remember-copy{min-width:0;line-height:1.4;gap:3px}
#cloudGate .cloud-login-options .cloud-remember-copy strong{font-size:11px;font-weight:600;color:#45697d}
#cloudGate .cloud-login-options .cloud-remember-copy small{font-size:9px;white-space:normal;overflow-wrap:anywhere;color:#7a94a5}
#cloudGate .cloud-login-options .cloud-remember-track{flex:0 0 34px;width:34px;height:21px;background:#dce7ee;border-color:#cad8e2}
#cloudGate .cloud-login-options .cloud-remember-track:after{width:13px;height:13px}
#cloudGate .cloud-login-options .cloud-remember-email>input:checked+.cloud-remember-track{background:#098e9c;border-color:#098e9c}
#cloudGate .cloud-login-options .cloud-remember-email>input:checked+.cloud-remember-track:after{transform:translateX(13px)}
#cloudGate .cloud-submit{min-height:54px;border-radius:12px;padding:13px 17px;font-size:14px;font-weight:700;background:linear-gradient(100deg,#106bd4,#118fc0)!important;border-color:#177dc4!important;box-shadow:0 8px 18px #1b83c622!important}
#cloudGate .cloud-submit:hover{background:linear-gradient(100deg,#0b5dbd,#0a7ea9)!important;box-shadow:0 10px 22px #1b83c62b!important}
#cloudGate .cloud-recovery-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;margin-top:9px;padding:9px;border:0;background:transparent;box-shadow:none;font:inherit;font-size:11px;font-weight:600;color:#56809a;cursor:pointer;text-decoration:none}
#cloudGate .cloud-recovery-link svg{width:15px;height:15px;color:#a47e48}
#cloudGate .cloud-recovery-link:hover{color:#176eb1;text-decoration:underline;text-underline-offset:4px}
#cloudGate .cloud-enroll{margin-top:15px;padding:17px 18px;border-radius:14px;border:1px solid #e8e5df;background:linear-gradient(110deg,#fcfaf5,#fff);position:relative;overflow:hidden}
#cloudGate .cloud-enroll small{display:block;font-size:8px;letter-spacing:1.7px;color:#b18142;font-weight:700}
#cloudGate .cloud-enroll strong{display:block;font-size:12px;line-height:1.6;margin-top:5px;color:#526c7f;font-weight:550}
#cloudGate .cloud-enroll-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;border:0;border-top:1px solid #ece8df;border-radius:0;margin-top:10px;padding:11px 0 0;color:#18739f;background:transparent;box-shadow:none;font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-align:left}
#cloudGate .cloud-enroll-button svg{width:17px;height:17px;color:#ba8b4b;flex:none}
#cloudGate .cloud-enroll-button:hover{color:#0b5180}
#cloudGate .cloud-auth-footer{margin-top:20px;font-size:9px;line-height:1.6;color:#8a9daa;gap:7px}
#cloudGate .cloud-auth-footer svg{width:13px;height:13px;color:#629a96}
#cloudGate .cloud-card [role=alert]:not(:empty){padding:12px 14px;font-size:12px;background:#fff6f3;border-color:#f0d6ca;color:#a25c47;line-height:1.65}
#cloudGate .cloud-shell-footer{padding:17px 25px;background:#fbfcfd}
@media(min-width:761px) and (max-width:1000px){#cloudGate .cloud-card,#cloudGate .cloud-card[data-auth-mode=login]{padding:30px 27px}#cloudGate .cloud-card[data-auth-mode=login] h1{font-size:36px}#cloudGate .cloud-intro{padding:27px}#cloudGate .cloud-intro h2{font-size:36px}}
@media(max-width:760px){#cloudGate{padding:12px;background:#edf3f8}#cloudGate .cloud-auth-shell{max-width:480px;display:block;border-radius:24px;overflow:hidden}#cloudGate .cloud-intro{min-height:200px;padding:24px;border-radius:23px 23px 0 0;justify-content:flex-end;background-position:center 33%}#cloudGate .cloud-intro:before{background:linear-gradient(180deg,#11304505 0,#0c2d4270 52%,#092b43d9 100%)}#cloudGate .cloud-brand{display:none}#cloudGate .cloud-intro-content{margin:0}#cloudGate .cloud-intro h2{font-size:28px;line-height:1.08;letter-spacing:-.7px;margin:0}#cloudGate .cloud-eyebrow{display:inline-flex;font-size:7px;margin-bottom:11px;padding:6px 8px}#cloudGate .cloud-card,#cloudGate .cloud-card[data-auth-mode=login]{padding:25px 24px 23px;border-radius:22px 22px 0 0;margin-top:-18px;position:relative;z-index:2;background:#fff;box-shadow:0 -8px 20px #0a31430a}#cloudGate .cloud-card-top{margin-bottom:24px}#cloudGate .cloud-account-logo{width:58px;height:39px}#cloudGate .cloud-account-brand{gap:11px}#cloudGate .cloud-account-brand strong{font-size:13px;letter-spacing:2px}#cloudGate .cloud-account-brand small{font-size:7px;letter-spacing:2.6px}#cloudGate .cloud-theme-button{width:36px;height:36px;min-height:36px}#cloudGate .cloud-welcome-label{font-size:8px;letter-spacing:1.3px;margin-bottom:11px}#cloudGate .cloud-card[data-auth-mode=login] h1{font-size:35px;line-height:1.05;letter-spacing:-1.1px;margin-bottom:12px}#cloudGate .cloud-heading>p{font-size:12px;line-height:1.7}#cloudGate .cloud-heading{margin-bottom:23px}#cloudGate .cloud-field input{height:52px}#cloudGate .cloud-field label{font-size:12px}#cloudGate .cloud-enroll{margin-top:13px;padding:15px 16px}#cloudGate .cloud-auth-footer{margin-top:17px;font-size:8px}#cloudGate .cloud-shell-footer{padding:18px 16px;gap:10px}#cloudGate .cloud-origin-brand{display:none}}
@media(max-width:360px){#cloudGate{padding:8px}#cloudGate .cloud-intro{min-height:180px;padding:21px}#cloudGate .cloud-intro h2{font-size:26px}#cloudGate .cloud-card,#cloudGate .cloud-card[data-auth-mode=login]{padding:23px 19px}#cloudGate .cloud-card[data-auth-mode=login] h1{font-size:31px}#cloudGate .cloud-remember-copy small{font-size:8px}}
html[data-theme=dark] #cloudGate .cloud-card,html[data-theme=dark] #cloudGate .cloud-card[data-auth-mode=login]{background:#12243a}html[data-theme=dark] #cloudGate .cloud-card[data-auth-mode=login] h1,html[data-theme=dark] #cloudGate .cloud-account-brand strong{color:#e4eef7}html[data-theme=dark] #cloudGate .cloud-card[data-auth-mode=login] h1 span{color:#72c2ff}html[data-theme=dark] #cloudGate .cloud-heading>p{color:#a1b7cc}html[data-theme=dark] #cloudGate .cloud-theme-button{background:#1c3952!important;border-color:#375670;color:#b1d6ee!important}html[data-theme=dark] #cloudGate .cloud-password-toggle{background:#25445e;color:#b0cce0}html[data-theme=dark] #cloudGate .cloud-login-options .cloud-remember-email{background:#193349;border-color:#34556c}html[data-theme=dark] #cloudGate .cloud-login-options .cloud-remember-copy strong{color:#bbd6e8}html[data-theme=dark] #cloudGate .cloud-login-options .cloud-remember-copy small{color:#9cb6c9}html[data-theme=dark] #cloudGate .cloud-enroll{background:#203141;border-color:#4b4c46}html[data-theme=dark] #cloudGate .cloud-enroll strong{color:#bed1df}html[data-theme=dark] #cloudGate .cloud-enroll-button{color:#86c6ed;border-color:#42515a}html[data-theme=dark] #cloudGate .cloud-recovery-link{color:#a3c4dd}

/* The access screen owns vertical scrolling, including on iOS after signing out. */
#cloudGate{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;align-content:start}#cloudGate .cloud-auth-shell{flex-shrink:0}#cloudGate .cloud-card{touch-action:pan-y}

/* Quiet transition into the account, independent of the sign-in form. */
#cloudGate:has(.portal-loading){background:radial-gradient(ellipse at 50% 28%,#eaf2f5 0,transparent 58%),#f9faf9;padding:24px;scrollbar-gutter:auto}
#cloudGate .portal-loading{width:min(100%,440px);text-align:center;padding:48px 28px 32px;color:#213c50;animation:portal-loading-enter .35s ease both}
.portal-loading-emblem{position:relative;display:grid;place-items:center;width:142px;height:142px;margin:0 auto 32px;border-radius:36px;background:#fff;box-shadow:0 14px 44px #2c4f6510;border:1px solid #e1e8eb}
.portal-loading-emblem img{width:112px;height:90px;object-fit:contain;border-radius:14px;position:relative}
.portal-loading-emblem i{position:absolute;inset:-9px;border:1px solid #b5cbd24d;border-radius:43px}
.portal-loading-emblem i:after{content:'';position:absolute;width:34px;height:3px;background:#577f92;border-radius:6px;left:60px;top:-2px;animation:portal-loading-breathe 2s ease-in-out infinite}
.portal-loading-label{display:block;font-size:10px;letter-spacing:.24em;font-weight:700;color:#63808d;margin-bottom:16px}
#cloudGate .portal-loading h1{font-size:clamp(23px,5.5vw,29px);letter-spacing:-.04em;line-height:1.25;margin:0 0 12px;font-weight:650}
#cloudGate .portal-loading-copy{font-size:14px;color:#778992;line-height:1.7;margin:0}
.portal-loading-track{width:150px;height:3px;overflow:hidden;margin:29px auto 16px;background:#dfe8ec;border-radius:8px}
.portal-loading-track span{display:block;width:45%;height:100%;border-radius:8px;background:linear-gradient(90deg,#688c9c,#b3a16e);animation:portal-loading-travel 1.7s ease-in-out infinite}
#cloudGate .portal-loading-details p{font-size:12px;color:#738791;line-height:1.65;margin:0;min-height:20px;overflow-wrap:anywhere}
.portal-loading-retry{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;border:1px solid #cddce1;background:#fff;color:#365b71;border-radius:12px;font:inherit;font-size:13px;font-weight:600;padding:12px 18px;cursor:pointer}
.portal-loading-retry[hidden]{display:none}.portal-loading-retry svg{width:16px;height:16px}.portal-loading-retry:focus-visible{outline:3px solid #7099b5;outline-offset:3px}
.portal-loading-signature{margin-top:52px;font-size:11px;letter-spacing:.05em;color:#97a6ac}
@keyframes portal-loading-travel{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
@keyframes portal-loading-breathe{50%{opacity:.3;transform:scaleX(.6)}}
@keyframes portal-loading-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
html[data-theme=dark] #cloudGate:has(.portal-loading){background:radial-gradient(ellipse at 50% 28%,#182d3e,transparent 65%),#0b1420}
html[data-theme=dark] #cloudGate .portal-loading{color:#e3edf2}html[data-theme=dark] .portal-loading-emblem{background:#fff;border-color:#334b5a}html[data-theme=dark] .portal-loading-track{background:#2b414f}html[data-theme=dark] .portal-loading-retry{background:#162b3c;border-color:#375365;color:#dbe9f0}html[data-theme=dark] #cloudGate :is(.portal-loading-copy,.portal-loading-details p,.portal-loading-label){color:#9bb1bc}
@media(max-width:480px){#cloudGate .portal-loading{padding:32px 6px}.portal-loading-emblem{width:126px;height:126px;border-radius:30px;margin-bottom:30px}.portal-loading-emblem i{border-radius:37px}.portal-loading-emblem i:after{left:53px}.portal-loading-emblem img{width:100px;height:82px}}
@media(prefers-reduced-motion:reduce){#cloudGate .portal-loading,.portal-loading-emblem i:after,.portal-loading-track span{animation:none}.portal-loading-track span{width:100%;opacity:.55}}

.cloud-public-home{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px auto 0;padding:8px 12px;font-size:11px;color:var(--muted,#657b8b);text-decoration:none;width:fit-content}.cloud-public-home svg{width:15px;height:15px}.cloud-public-home:hover{color:var(--ink,#173b54)}
