.auth-container{background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}@media (max-width:480px){.auth-container{align-items:flex-start;padding:2rem 1rem 1rem}}.auth-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-md);padding:2.5rem 2.25rem}@media (max-width:480px){.auth-card{border-radius:var(--radius-lg);padding:2rem 1.5rem}}.auth-title{text-align:center;background:linear-gradient(135deg, var(--primary), var(--tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(1.65rem,5vw,2.25rem)}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}@media (max-width:480px){.auth-subtitle{margin-bottom:1.5rem;font-size:.85rem}}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.submit-btn{width:100%;margin-top:.75rem;padding:.85rem;font-size:1rem}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:1.75rem;font-size:.85rem}.auth-footer a{color:var(--primary);font-weight:500;transition:color .2s}.auth-footer a:hover{color:var(--secondary);text-decoration:underline}.auth-error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-md);text-align:center;border:1px solid #ef444433;margin-bottom:1.25rem;padding:.85rem;font-size:.85rem}