.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:40px 32px}.auth-card{width:100%;max-width:420px;padding:40px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:24px;font-weight:700;margin-bottom:8px}.auth-header p{font-size:14px;color:var(--text-secondary)}.auth-providers{display:flex;flex-direction:column;gap:12px}.auth-provider-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-elevated);font-size:14px;font-weight:500;color:var(--text-primary);transition:all .15s ease}.auth-provider-btn:hover{border-color:var(--text-tertiary);background:var(--bg-primary)}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border-subtle)}.auth-divider span{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.auth-error{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--status-error);background:rgba(255,82,82,.1);color:var(--status-error);font-size:13px;margin-bottom:16px;text-align:center}.auth-form{gap:16px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:border-color .15s ease}.form-group input:focus{outline:none;border-color:var(--accent-pink);box-shadow:0 0 0 2px rgba(224,64,251,.15)}.form-group input::placeholder{color:var(--text-tertiary)}.auth-submit{margin-top:8px}.auth-switch{text-align:center;margin-top:24px;font-size:14px;color:var(--text-secondary)}.auth-switch button{color:var(--accent-pink);font-weight:500;text-decoration:underline;text-underline-offset:2px}.auth-switch button:hover{color:var(--accent-purple)}@media (max-width:480px){.auth-card{padding:24px}}