.auth-page{min-height:100vh;background:var(--color-bg)}.auth-content{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:var(--spacing-2xl) var(--spacing-lg)}.auth-card{width:100%;max-width:450px;padding:var(--spacing-2xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.auth-header h1,.auth-icon{font-size:var(--font-size-2xl)}.auth-header h1{font-weight:900;margin-bottom:var(--spacing-xs)}.auth-header p{color:var(--color-text-secondary);font-weight:600}.invite-notice{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)!important}.invite-notice p{margin:0;font-weight:700}.invite-notice p:first-child{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.step-indicator{justify-content:center;margin-bottom:var(--spacing-xl)}.step,.step-indicator{display:flex;align-items:center}.step{flex-direction:column;gap:var(--spacing-xs)}.step span{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:3px solid var(--color-border);border-radius:var(--radius-full);font-weight:800;box-shadow:var(--shadow-hard-sm)}.step.active span{background:var(--color-primary);border-color:var(--color-primary-dark);color:#fff}.step p{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.step.active p{color:var(--color-primary)}.step-line{width:60px;height:3px;background:var(--color-border);margin:0 var(--spacing-md)}.auth-form,.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:700;color:var(--color-text)}.code-input-row{display:flex;gap:var(--spacing-sm)}.code-input-row .input{flex:1 1}.checkbox-group{margin-top:var(--spacing-lg)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:600}.checkbox-label input[type=checkbox]{width:24px;height:24px;accent-color:var(--color-primary);cursor:pointer}.checkbox-label strong{color:var(--color-primary)}.form-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.form-buttons .btn{flex:1 1}.auth-submit{width:100%;margin-top:var(--spacing-md)}.auth-links{text-align:center;margin-bottom:var(--spacing-lg)}.auth-link{display:block;color:var(--color-text-secondary);font-weight:600;margin-bottom:var(--spacing-sm)}.auth-link-primary,.auth-link:hover{color:var(--color-primary)}.auth-link-primary{display:block;font-weight:700}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:2px;background:var(--color-border)}.auth-divider span{color:var(--color-text-muted);font-weight:600}.steam-login{border-top:2px solid var(--color-border);padding-top:var(--spacing-lg)}.steam-btn{width:100%}@media (max-width:480px){.auth-card{padding:var(--spacing-lg)}.step-line{width:30px}.form-buttons{flex-direction:column}}