:root{--color-primary: #2563eb;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-background: #fafafa;--color-background-alt: #f3f4f6;--color-border: #e5e7eb;--font-family-base: system-ui, -apple-system, sans-serif;--font-family-heading: system-ui, -apple-system, sans-serif;--font-size-base: 1rem;--font-size-sm: .875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-md: .5rem;--radius-lg: 1rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body.agora-login{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background-alt);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.agora-login--simple .agora-login__container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-md)}.agora-login--simple .agora-login__card{width:100%;max-width:420px;background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-xl);box-shadow:0 4px 24px #00000014}.agora-login--split .agora-login__container{display:grid;min-height:100vh;grid-template-columns:1fr}@media(min-width:48rem){.agora-login--split .agora-login__container{grid-template-columns:1fr 1fr}}.agora-login--split .agora-login__image{display:none;background-size:cover;background-position:center;background-repeat:no-repeat}@media(min-width:48rem){.agora-login--split .agora-login__image{display:block}}.agora-login--split .agora-login__content{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.agora-login--split .agora-login__card{width:100%;max-width:420px}@media(min-width:48rem){.agora-login--split.agora-login--image-right .agora-login__image{order:2}.agora-login--split.agora-login--image-right .agora-login__content{order:1}}.agora-login__logo{display:block;text-align:center;margin-bottom:var(--spacing-xl);text-decoration:none}.agora-login__logo img{max-width:100%;height:auto}.agora-login__site-name{display:block;text-align:center;margin-bottom:var(--spacing-xl);font-family:var(--font-family-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none}.agora-login__title{font-family:var(--font-family-heading);font-size:1.25rem;margin-bottom:var(--spacing-md);text-align:center}.agora-login__description{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--spacing-lg)}.agora-login__error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.agora-login__error--lockout{padding:var(--spacing-md) var(--spacing-lg);text-align:center;font-size:var(--font-size-base);font-weight:500;margin-bottom:0}.agora-login__message{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.agora-login__form label,.agora-login__lostpassword-form label{display:flex;align-items:center;column-gap:.75ch;width:fit-content;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-text);cursor:pointer}.agora-login__form input[type=text],.agora-login__form input[type=password],.agora-login__form input[type=email],.agora-login__lostpassword-form input[type=text],.agora-login__lostpassword-form input[type=password],.agora-login__lostpassword-form input[type=email]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family-base);background:var(--color-background);color:var(--color-text);transition:border-color .15s ease}.agora-login__form input[type=text]:focus,.agora-login__form input[type=password]:focus,.agora-login__form input[type=email]:focus,.agora-login__lostpassword-form input[type=text]:focus,.agora-login__lostpassword-form input[type=password]:focus,.agora-login__lostpassword-form input[type=email]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.agora-login__form p,.agora-login__lostpassword-form p{margin-bottom:var(--spacing-md)}.agora-login__form .forgetmenot,.agora-login__lostpassword-form .forgetmenot{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.agora-login__form .forgetmenot input[type=checkbox],.agora-login__lostpassword-form .forgetmenot input[type=checkbox]{width:auto}.agora-login__form input[type=submit],.agora-login__form .button-primary,.agora-login__lostpassword-form input[type=submit],.agora-login__lostpassword-form .button-primary{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.agora-login__form input[type=submit]:hover,.agora-login__form .button-primary:hover,.agora-login__lostpassword-form input[type=submit]:hover,.agora-login__lostpassword-form .button-primary:hover{filter:brightness(1.1)}.agora-login__form input[type=submit]:active,.agora-login__form .button-primary:active,.agora-login__lostpassword-form input[type=submit]:active,.agora-login__lostpassword-form .button-primary:active{transform:translateY(1px)}.agora-login__form input[type=submit]:disabled,.agora-login__form .button-primary:disabled,.agora-login__lostpassword-form input[type=submit]:disabled,.agora-login__lostpassword-form .button-primary:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.agora-login__links{text-align:center;margin-top:var(--spacing-lg)}.agora-login__links a{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none;transition:color .15s ease}.agora-login__links a:hover{color:var(--color-primary)}@media(prefers-reduced-motion:reduce){.agora-login__form input[type=text],.agora-login__form input[type=password],.agora-login__form input[type=email],.agora-login__form input[type=submit],.agora-login__form .button-primary,.agora-login__lostpassword-form input[type=text],.agora-login__lostpassword-form input[type=password],.agora-login__lostpassword-form input[type=email],.agora-login__lostpassword-form input[type=submit],.agora-login__lostpassword-form .button-primary,.agora-login__links a{transition:none}}