/* Auth card styling based on the supplied reference. */
.ai-background-section{height:auto;min-height:calc(100dvh - 78px);overflow:visible;background:#fff}
.ai-background-section .content{min-height:calc(100dvh - 78px);padding:48px 20px;align-items:center}
.auth-card{max-width:476px;padding:40px;border:1px solid #d8dcdb;border-radius:24px;box-shadow:none;font-family:Arial,sans-serif}
.auth-form h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;font-weight:700;color:#26302f;margin:0 0 4px}
.auth-form p{font-size:14px;line-height:1.5;color:#58615f;margin:0 0 26px}
.auth-card .form-group{margin-bottom:12px}
.auth-card .form-group label{font-size:14px;font-weight:400;color:#202624;margin-bottom:5px}
.auth-card .form-group input{height:54px;border:1px solid #343a38;border-radius:8px;padding:0 16px;font-size:16px;background:#fff}
.auth-card .form-group input:focus{border-color:#005bd3;box-shadow:0 0 0 1px #005bd3}
.auth-card .form-group input[readonly]{background:#f5f5f5;color:#59615e}
.auth-card .auth-btn{height:44px;border-radius:8px;background:#202927;color:#fff;font-weight:600;font-size:14px;box-shadow:inset 0 -3px 0 #ffffff0d,0 1px 2px #0002}
.auth-card .auth-btn:hover{background:#303b38}
.auth-card .auth-btn:focus-visible{outline:2px solid #005bd3;outline-offset:3px}
.auth-card .auth-extra{margin-top:34px;text-align:left;font-size:13px;color:#202624;line-height:1.6}
.auth-card .auth-extra button{padding:0 0 0 3px;color:#005bd3;font-weight:500;font-size:13px}
.auth-card .social-login button{background:#f1f1f1;border:0;border-radius:8px}
@media(max-width:575.98px){.ai-background-section .content{padding:32px 16px;min-height:calc(100dvh - 65px)}.auth-card{padding:30px 24px;border-radius:20px}.auth-form h2{font-size:24px}}.ai-background-section{background:#090d0c}
.auth-card{background:#fff}
.auth-card .auth-social-divider{margin:20px 32px 18px;color:#666;font-size:14px;gap:12px}
.auth-card .social-login{gap:10px;margin-bottom:0}
.auth-card .social-login button{height:44px;background:#f1f1f1;border:0;border-radius:8px}
.auth-card .social-login button:disabled{opacity:1;cursor:not-allowed}
.auth-card .social-login button:disabled:hover{box-shadow:none;background:#f1f1f1}
.auth-card .social-login svg{width:20px;height:20px}
.auth-card{border:0;box-shadow:none}
.ai-background-section{background:#fff}
.auth-card{box-shadow:0 3px 12px rgba(17,24,39,.03)}
.auth-card{border:1px solid #ededed}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0}
.site-navbar{flex-shrink:0}
.ai-background-section{flex:1;display:flex;min-height:0}
.ai-background-section .content{width:100%;min-height:0;padding:48px 20px}
.accounts-footer{flex-shrink:0;padding:24px 20px 20px;background:#fff;color:#66716d;text-align:center;font:12px/1.6 Arial,sans-serif}
.accounts-footer a{color:#303936;text-decoration:none}
.accounts-footer a:hover{text-decoration:underline}
.accounts-footer-help{display:inline-block;margin-bottom:14px;font-weight:600}
.accounts-footer p{margin:0}
.accounts-footer p a{font-weight:600}
@media(max-width:575.98px){.ai-background-section .content{padding:32px 16px}.accounts-footer{padding:18px 20px}}
.accounts-country-select{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px;padding:0 16px;border:1px solid #343a38;border-radius:8px;background:#fff;color:#333;font-size:16px;text-align:left}
.accounts-country-select:focus-visible{outline:2px solid #005bd3;outline-offset:2px}
.auth-card .auth-btn:disabled{opacity:.45;cursor:not-allowed}
.accounts-country-selected{display:inline-flex;align-items:center;gap:10px}
.accounts-country-selected img{display:block;width:28px;height:20px;object-fit:cover;border:0}
/* Keep the auth area and shared footer in normal document flow. */
body{display:block;height:auto;min-height:100dvh}
.ai-background-section{display:block;flex:none;height:auto;min-height:0;overflow:visible}
.ai-background-section .content{display:flex;position:relative;min-height:calc(100dvh - 200px);height:auto;width:100%;padding:48px 20px;align-items:center;justify-content:center}
.auth-card{flex-shrink:0;max-width:476px}
.accounts-footer{position:relative;clear:both}
@media(max-width:575.98px){.ai-background-section .content{min-height:calc(100dvh - 180px);padding:32px 16px}}