.auth-page{justify-content:center;width:100%;padding-top:30vh;display:flex}.auth-page .auth-form{width:90%;max-width:min(90%,448px);padding:var(--space-lg);background:var(--surface);border:1px solid var(--outline-variant);border-radius:12px;box-shadow:0 2px 8px #151c270f}.auth-page .auth-form .header{margin-bottom:var(--space-xl);text-align:center}.auth-page .auth-form .header h1{margin:0 0 var(--space-sm);color:var(--primary);font-size:2rem;font-weight:700}.auth-page .auth-form button{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;margin-top:var(--space-xs);background:var(--primary-container);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 16px;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.auth-page .auth-form button:hover{background:var(--primary)}.auth-page .auth-form button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (min-width:768px){.auth-page .auth-form{padding:40px}.auth-page .auth-form .header{margin-bottom:50px}}