.auth-page{justify-content:center;align-items:center;min-height:calc(100dvh - 72px);padding:40px 0;display:flex}.auth-card{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);margin:0 auto;padding:48px 44px}.auth-header{text-align:center;margin-bottom:36px}.auth-header h1{letter-spacing:-.02em;margin-bottom:8px;font-size:2rem}.auth-header p{color:var(--color-text-secondary);font-size:.95rem}.auth-error{background:var(--color-danger-subtle);color:var(--color-danger);border-radius:var(--radius-sm);text-align:center;border:1px solid #dc26261f;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-submit{width:100%;margin-top:4px}.auth-forgot{text-align:center;margin-top:-4px}.auth-forgot a{color:var(--color-text-secondary);font-size:.85rem;text-decoration:none}.auth-forgot a:hover{color:var(--color-primary)}.auth-footer{text-align:center;color:var(--color-text-secondary);margin-top:28px;font-size:.9rem}.auth-footer a{color:var(--color-primary);font-weight:600}.auth-demo{border-top:1px solid var(--color-border);margin-top:32px;padding-top:28px}.demo-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);text-align:center;margin-bottom:12px;font-size:.65rem}.demo-accounts{gap:8px;display:flex}.demo-btn{background:var(--color-background);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:.8rem;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.demo-btn:hover{border-color:var(--color-primary);background:var(--color-primary-subtle);box-shadow:0 2px 8px #ff4d4d14}.role-selector{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.role-card{border:2px solid var(--color-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:24px 16px;transition:border-color .15s,background .15s,box-shadow .15s}.role-card.active{border-color:var(--color-primary);background:var(--color-primary-subtle);box-shadow:0 0 0 3px #ff4d4d0f}.role-card:hover:not(.active){border-color:var(--color-border-strong);background:#1a1a2e05}.role-icon{margin-bottom:10px;font-size:2.25rem;display:block}.role-card h3{margin-bottom:4px;font-size:1rem}.role-card p{color:var(--color-text-secondary);font-size:.8rem}@media (max-width:480px){.auth-card{border-radius:var(--radius-lg);padding:36px 24px}.demo-accounts{flex-direction:column}}