main{margin:0;padding:0;overflow-x:hidden}.login-container{background:var(--ms-bg);flex-direction:row;width:100vw;min-height:100vh;display:flex}.brand-section{text-align:center;background-color:var(--ms-navy);color:var(--ms-text-dark);clip-path:polygon(0 0,100% 0,90% 100%,0% 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.branding-logo{width:300px;height:auto;margin-bottom:16px}.brand-section h1{margin:0;font-size:2rem;font-weight:600}.brand-section p{color:var(--ms-chrome-ink);font-size:1rem}.login-option-section{background-color:var(--ms-bg);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.login-instruction-text{color:var(--ms-ink-secondary);text-align:center;max-width:400px;margin:0;font-size:1rem;font-weight:400;line-height:1.5}.login-google{border:1px solid var(--ms-border-strong);background:var(--ms-bg);border-radius:var(--ms-radius-sm);cursor:pointer;width:100%;max-width:400px;height:44px;transition:background-color var(--ms-motion-fast)var(--ms-ease),border-color var(--ms-motion-fast)var(--ms-ease);justify-content:center;align-items:center;gap:8px;padding:0 24px;font-family:inherit;display:flex}.login-google:hover{background:var(--ms-bg-hover);border-color:var(--ms-border-hover-strong)}.login-google:active{background:var(--ms-bg-selected)}.google-logo{object-fit:contain;width:24px;height:24px}.login-google span{color:var(--ms-ink);letter-spacing:.25px;font-size:1rem;font-weight:500}@media (max-width:768px){.login-container{background:var(--ms-bg);flex-direction:column}.brand-section{clip-path:none;flex:none;width:100%;padding:48px 16px}.brand-section h1{font-size:1.5rem}.login-option-section{flex:1;gap:16px;padding:48px 16px}.login-instruction-text{max-width:100%;padding:0 16px;font-size:1rem}.login-google{width:100%;max-width:400px;height:44px}.google-logo{width:20px;height:20px}.login-google span{font-size:.875rem}}
.auth-form{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.auth-alert{width:100%;max-width:400px}.auth-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;display:flex}.auth-divider{width:100%;max-width:400px;color:var(--ms-ink-muted);align-items:center;gap:12px;font-size:.8125rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--ms-border-strong);flex:1;height:1px}.login-provider{border:1px solid var(--ms-border-strong);background:var(--ms-bg);border-radius:var(--ms-radius-sm);cursor:pointer;width:100%;max-width:400px;height:44px;transition:background-color var(--ms-motion-fast)var(--ms-ease),border-color var(--ms-motion-fast)var(--ms-ease);justify-content:center;align-items:center;gap:8px;padding:0 24px;font-family:inherit;display:flex}.login-provider:hover{background:var(--ms-bg-hover);border-color:var(--ms-border-hover-strong)}.login-provider:active{background:var(--ms-bg-selected)}.login-provider span{color:var(--ms-ink);letter-spacing:.25px;font-size:1rem;font-weight:500}.provider-logo{object-fit:contain;width:24px;height:24px;color:var(--ms-ink)}@media (max-width:768px){.auth-form,.auth-alert,.auth-panel,.auth-divider,.login-provider{max-width:400px}.login-provider span{font-size:.875rem}.provider-logo{width:20px;height:20px}}