@layer tokens, base, shell, modules, utilities, accessibility;
@layer modules {
/* Brand alignment for public account entry; authentication behavior stays in its existing views. */

body{color:var(--text);background:var(--paper)}h1,h2{hyphens:auto;overflow-wrap:break-word}.form-box h1{font-family:var(--font-ui);font-weight:650;color:var(--brand-primary)}.panel h2{font-weight:400}.panel__brand img{width:52px;height:52px;object-fit:contain;background:var(--white);border-radius:var(--radius-control);border:0}.ui-icon{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}.btn-submit,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:12px}.btn-submit{padding:14px 20px;border-radius:var(--radius-control)}.form-area,.form-box{min-width:0}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}.panel__tag,.panel__eyebrow{color:var(--warning-text)}a{text-underline-offset:3px}
@media(max-width:540px){.form-area{padding:36px 22px}.panel{padding:35px 24px}.form-box h1{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

}