.auth-container{margin:80px auto;max-width:460px;padding:0 20px;width:100%}.auth-container .card{box-shadow:var(--md-sys-elevation-level3);padding:40px}.auth-container .auth-title{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);margin-bottom:12px;text-align:center}.auth-container .auth-title.error{color:var(--md-sys-color-error)}.auth-container .auth-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size);margin-bottom:40px;text-align:center}.auth-container .auth-subtitle.small-margin{margin-bottom:8px}.auth-container .auth-subtitle.highlight{color:var(--md-sys-color-primary);font-weight:600}.auth-container form{display:flex;flex-direction:column;gap:20px}.auth-container .auth-link-right{margin-top:-8px;text-align:right}.auth-container .auth-link-right a{color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-body-small-size);text-decoration:none}.auth-container .auth-link-right a:hover{text-decoration:underline}.auth-container .auth-footer{border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);margin-top:32px;padding-top:32px;text-align:center}.auth-container .auth-footer a{color:var(--md-sys-color-primary);font-weight:500;text-decoration:none}.auth-container .auth-footer a:hover{text-decoration:underline}.auth-container .auth-divider{margin:32px 0 24px;position:relative;text-align:center}.auth-container .auth-divider:before{background:var(--md-sys-color-outline-variant);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-container .auth-divider span{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size);padding:0 16px;position:relative}.auth-container .oauth-buttons{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.auth-container .oauth-buttons .oauth-btn{align-items:center;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface);cursor:pointer;display:flex;font-size:var(--md-sys-typescale-label-large-size);font-weight:500;gap:10px;justify-content:center;padding:12px 20px;transition:all .2s}.auth-container .oauth-buttons .oauth-btn:hover{background:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-outline-variant)}.auth-container .oauth-buttons .oauth-btn:active{transform:scale(.98)}.auth-container .oauth-buttons .oauth-btn svg{flex-shrink:0}.auth-container .oauth-buttons .oauth-btn.oauth-btn-github{color:#24292e}[data-theme=dark] .auth-container .oauth-buttons .oauth-btn.oauth-btn-github{color:#fff}.auth-container .oauth-buttons .oauth-btn.oauth-btn-discord{color:#5865f2}.auth-container .oauth-buttons .oauth-btn.oauth-btn-steam{color:#00adee}.auth-container .oauth-buttons .oauth-btn.oauth-btn-facebook{color:#1877f2}.auth-container .auth-resend{margin-top:var(--md-sys-spacing-6);text-align:center}.auth-container .settings-section{margin-bottom:24px}.auth-container .settings-section h2{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-title-medium-size);margin-bottom:12px;padding-left:12px}.auth-container .settings-section .menu-item{gap:20px;margin:4px 0;position:relative;width:100%}.auth-container .settings-section .menu-item,.auth-container .settings-section .menu-item.menu-item-with-supporting{min-height:56px}.auth-container .settings-section .menu-item .menu-item-text{display:flex;flex-direction:column;margin-right:0}.auth-container .settings-section .menu-item .menu-item-text strong{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size)}.auth-container .settings-section .menu-item .menu-item-trailing{color:var(--md-sys-color-on-surface-variant);font-size:24px;margin-left:auto}.auth-container .menu-divider{margin:16px 0}.auth-container .card-filled{border-left:4px solid;margin-bottom:24px}.auth-container .card-filled.error{background:color-mix(in srgb,var(--md-sys-color-error) 15%,transparent);border-color:var(--md-sys-color-error)}.auth-container .card-filled.error h3{font-size:18px;margin:0 0 16px}.auth-container .card-filled.error p{margin:8px 0;text-align:left}.auth-container .card-filled.warning{background:color-mix(in srgb,var(--md-sys-color-warning) 15%,transparent);border-color:var(--md-sys-color-warning)}.auth-container .card-filled.warning label{align-items:center;cursor:pointer;display:flex}.auth-container .card-filled.warning label input[type=checkbox]{cursor:pointer;height:20px;margin-right:12px;width:20px}.auth-container .card-filled.warning label span{font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-strength{font-size:13px;padding:12px}.password-strength-header{margin-bottom:12px}.password-strength-header strong{color:var(--md-sys-color-on-surface)}.password-checks{display:flex;flex-direction:column;gap:8px}.password-check{align-items:center;color:var(--md-sys-color-on-surface-variant);display:flex;gap:8px;line-height:1.4;transition:color .2s}.password-check .check-icon{flex-shrink:0;font-size:16px}.password-check .check-text{flex:1;font-size:13px}.password-check.passed,.password-check.passed .check-icon{color:var(--md-sys-color-success)}.password-strength-bar{background:var(--md-sys-color-surface-variant);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.password-strength-fill{border-radius:3px;height:100%;transition:width .3s,background-color .3s;width:0}.password-strength-fill.weak{background:var(--md-sys-color-error)}.password-strength-fill.medium{background:var(--md-sys-color-warning)}.password-strength-fill.strong{background:var(--md-sys-color-success)}.code-input{font-family:Courier New,Consolas,monospace;font-size:24px;font-weight:600;letter-spacing:.8em;text-align:center;text-transform:uppercase}@media (max-width:600px){.auth-container{margin:40px auto}.auth-container .card{padding:32px 24px}.auth-container .auth-title{font-size:var(--md-sys-typescale-headline-small-size)}}