:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#080e0a;color:#e9eee9}*{box-sizing:border-box}body{margin:0}main{max-width:500px;margin:6vh auto;padding:24px}.brand{display:block;text-align:center;font-size:28px;font-weight:800;text-decoration:none;color:#e9eee9;margin-bottom:30px}.brand span{color:#9bf52d}section{padding:28px;border:1px solid #304334;background:#101913;border-radius:10px}h1{font-size:25px;margin:0 0 12px}h2{font-size:20px;margin-top:28px}p{line-height:1.8;color:#b8c7bc;overflow-wrap:anywhere}main label{display:block;font-size:14px;margin:18px 0}input{display:block;width:100%;min-width:0;background:#080e0a;border:1px solid #526457;border-radius:5px;color:#fff;font:inherit;padding:13px;margin-top:7px}input:focus,button:focus-visible,a:focus-visible{outline:2px solid #9bf52d;outline-offset:3px}button{font:inherit;font-weight:700;padding:12px 16px;background:#9bf52d;color:#10200a;border:0;border-radius:5px;cursor:pointer;max-width:100%}form button{width:100%}button:disabled{opacity:.55;cursor:wait}main nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}a{color:#b8ee88;line-height:1.8}.controls{display:flex;flex-wrap:wrap;gap:10px}.controls button{background:#22372a;color:#e9eee9;border:1px solid #526457}#status:empty{display:none}#status{padding:12px;border-right:3px solid #9bf52d}[hidden]{display:none!important}@media(max-width:640px){main{margin:24px auto;padding:16px}section{padding:20px}}
.google-control{margin-top:20px}.google-control button{width:100%}

.google-control button{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid #747775;font-size:14px;font-weight:500;padding:12px}.google-control img{flex:0 0 20px;width:20px;height:20px}
.auth-form-kicker{display:none}

/* The new account presentation is visible only to the FeatureContext rollout audience. */
.auth-next-ui{min-height:100vh;background:radial-gradient(circle at 22% 15%,#213923 0,transparent 32%),#080d0a;color:#f3f7f1;font-family:Tahoma,Arial,sans-serif}
.auth-next-ui main{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,510px);max-width:1240px;min-height:100vh;margin:0 auto;padding:22px;gap:22px;align-items:stretch}
.auth-next-ui .auth-showcase{display:flex;flex-direction:column;justify-content:space-between;min-height:640px;padding:38px clamp(26px,4vw,64px);border:1px solid #354d34;border-radius:24px;background:linear-gradient(155deg,#182a1c 0%,#101a14 52%,#0b130e 100%);position:relative;overflow:hidden}
.auth-next-ui .auth-showcase::after{content:"";position:absolute;left:-12%;bottom:-25%;width:60%;aspect-ratio:1;border:1px solid #739a4b44;border-radius:50%;box-shadow:0 0 0 55px #739a4b0b,0 0 0 110px #739a4b0a;pointer-events:none}
.auth-next-ui .auth-showcase-brand{position:relative;z-index:1;color:#f3f7f1;font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px}
.auth-next-ui .auth-showcase-brand span{color:#adf45d}
.auth-next-ui .auth-showcase>div{position:relative;z-index:1;max-width:560px}
.auth-next-ui .auth-kicker,.auth-next-ui .auth-form-kicker{display:inline-block;color:#aefa60;font-size:11px;font-weight:800;letter-spacing:2px}
.auth-next-ui .auth-showcase h2{font-size:clamp(36px,5vw,68px);line-height:1.13;letter-spacing:-2px;margin:18px 0 20px;color:#f5f9f2}
.auth-next-ui .auth-showcase p{font-size:16px;line-height:1.9;color:#b6c6b5;max-width:500px}
.auth-next-ui .auth-showcase-steps{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}
.auth-next-ui .auth-showcase-steps span{display:inline-flex;gap:9px;align-items:center;padding:11px 13px;border:1px solid #3d563c;border-radius:999px;color:#aefa60;font:700 12px Arial,sans-serif;background:#142119}
.auth-next-ui .auth-showcase-steps b{color:#e6f0e2;font-family:Tahoma,Arial,sans-serif}
.auth-next-ui .auth-showcase>a:last-child{position:relative;z-index:1;color:#d5ecc8;font-size:13px;text-decoration:none}
.auth-next-ui .auth-main{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:18px clamp(8px,2.5vw,34px)}
.auth-next-ui #status{border-right:0;border-inline-start:3px solid #9bf52d}
.auth-next-ui .auth-main>.brand{font-size:20px;text-align:start;margin:0 0 24px}
.auth-next-ui section{padding:clamp(24px,3vw,42px);border:1px solid #344238;border-radius:20px;background:#111a14;box-shadow:0 28px 65px #0004}
.auth-next-ui section h1{font-size:clamp(27px,3vw,34px);letter-spacing:-.6px;margin:9px 0}
.auth-next-ui section>p:first-of-type{font-size:14px;line-height:1.9;color:#afc0b1;margin:0 0 26px}
.auth-next-ui main label{color:#dce8dc;font-size:13px;font-weight:700;margin:19px 0}
.auth-next-ui input{min-height:50px;border:1px solid #435749;border-radius:10px;background:#0a110d;color:#fff;padding:12px 15px;margin-top:9px;font-size:15px}
.auth-next-ui input:hover{border-color:#718a72}
.auth-next-ui input:focus{border-color:#b4f363;outline:2px solid #aefa6080;outline-offset:2px}
.auth-next-ui form button{min-height:50px;border-radius:10px;background:#aefa60;color:#13210f;font-size:15px;margin-top:7px}
.auth-next-ui form button:hover{background:#c7ff84}
.auth-next-ui main nav{display:flex;justify-content:center;gap:10px 20px;padding-top:24px;margin-top:24px;border-top:1px solid #2c3a30}
.auth-next-ui main nav a{color:#c5deb9;text-decoration:none;font-size:12px}
.auth-next-ui main nav a:hover,.auth-next-ui .auth-bottom a:hover{text-decoration:underline}
.auth-next-ui .google-control{margin-top:23px}
.auth-next-ui .google-control button{min-height:48px;border-radius:10px}
.auth-next-ui #status:not(:empty){margin:22px 0 0;padding:14px 16px;border:1px solid #4b6c3d;border-inline-start:3px solid #aefa60;border-radius:9px;background:#1b2a1a;color:#ebf6e1;font-size:13px}
.auth-next-ui .auth-bottom{font-size:12px;text-align:center;margin:22px 0 0}
.auth-next-ui .auth-bottom a{color:#bafb78}
.auth-next-ui :focus-visible{outline:2px solid #bbff78;outline-offset:3px}
@media(max-width:850px){.auth-next-ui main{grid-template-columns:1fr;min-height:100vh;max-width:610px;padding:16px;gap:10px}.auth-next-ui .auth-showcase{min-height:0;padding:23px 25px;gap:14px;border-radius:16px}.auth-next-ui .auth-showcase h2{font-size:26px;letter-spacing:-.5px;margin:8px 0}.auth-next-ui .auth-showcase p,.auth-next-ui .auth-showcase-steps{display:none}.auth-next-ui .auth-main{padding:8px 0 24px}.auth-next-ui .auth-main>.brand{display:none}}
@media(max-width:460px){.auth-next-ui main{padding:10px}.auth-next-ui .auth-showcase{padding:18px}.auth-next-ui section{padding:22px 19px}.auth-next-ui .auth-showcase-brand{font-size:21px}.auth-next-ui .auth-showcase h2{font-size:23px}.auth-next-ui nav{justify-content:flex-start}}

/* Final account pages reuse the public site's surfaces and shared header. */
.auth-next-ui{min-height:100vh;background:#090c0b;color:#f1f5f2;font-family:'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif}
.auth-next-ui main{display:grid;place-items:center;grid-template-columns:1fr;width:100%;max-width:1240px;min-height:calc(100vh - 160px);margin:0 auto;padding:60px 20px 80px;gap:0}
.auth-next-ui .auth-main{display:block;width:100%;max-width:520px;padding:0}
.auth-next-ui .auth-main>.brand{display:none}
.auth-next-ui section{padding:clamp(24px,4vw,38px);border:1px solid #303a34;border-radius:4px;background:#101512;box-shadow:none}
.auth-next-ui .auth-form-kicker{display:inline-block;color:#39ff14;font-size:11px;letter-spacing:.14em}
.auth-next-ui section h1{margin:11px 0;font-size:clamp(27px,3vw,36px);letter-spacing:0;color:#f1f5f2}
.auth-next-ui section>p:first-of-type{color:#aab4ae;font-size:14px;line-height:1.8}
.auth-next-ui label{color:#d6e0d9;font-size:13px}
.auth-next-ui input{min-height:48px;border:1px solid #3b4840;border-radius:4px;background:#090e0b;color:#f1f5f2}
.auth-next-ui input:focus{border-color:#39ff14;outline:2px solid #39ff14;outline-offset:2px}
.auth-next-ui form button{min-height:48px;border-radius:4px;background:#39ff14;color:#071008;font-size:14px}
.auth-next-ui form button:hover{background:#8cff68}
.auth-next-ui main nav{display:flex;justify-content:flex-start;gap:10px 18px;margin-top:23px;padding-top:20px;border-top:1px solid #303a34}
.auth-next-ui main nav a{color:#b9c9be;font-size:12px;text-decoration:none}
.auth-next-ui main nav a:hover{color:#39ff14}
.auth-next-ui .google-control button{border-radius:4px}
.auth-next-ui .auth-bottom{margin:18px 0 0;color:#aab4ae;font-size:12px}
.auth-next-ui .auth-bottom a{color:#39ff14}
.auth-next-ui #status:not(:empty){border-color:#3d6734;border-inline-start-color:#39ff14;border-radius:4px;background:#142217}
.auth-next-ui .site-header,.auth-next-ui .site-footer{font-family:'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif}
@media(max-width:850px){.auth-next-ui main{max-width:1240px;min-height:calc(100vh - 145px);padding:40px 16px 55px}.auth-next-ui .auth-main{padding:0}}
@media(max-width:460px){.auth-next-ui main{padding:28px 14px 48px}.auth-next-ui section{padding:22px 18px}}