.auth-page{background:var(--dbx-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--dbx-surface);border:1px solid var(--dbx-border);border-radius:var(--dbx-radius-lg);width:100%;max-width:420px;box-shadow:var(--dbx-shadow-md);overflow:hidden}.auth-header{color:#fff;background:linear-gradient(135deg,#0176d3 0%,#014486 100%);padding:28px 28px 24px}.auth-header h1{margin:0 0 8px;font-size:1.5rem}.auth-header p{opacity:.9;margin:0;font-size:.925rem}.auth-form{gap:8px;padding:24px 28px 28px;display:grid}.auth-form label{color:var(--dbx-text);margin-top:4px;font-size:.8rem;font-weight:600}.auth-form input{border:1px solid var(--dbx-border-strong);border-radius:var(--dbx-radius);width:100%;padding:10px 12px;font-size:.95rem}.auth-form input:focus{border-color:var(--dbx-blue);box-shadow:0 0 0 3px var(--dbx-blue-light);outline:none}.auth-message{border-radius:var(--dbx-radius);margin:8px 0 0;padding:10px 12px;font-size:.85rem}.auth-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.auth-submit{border-radius:var(--dbx-radius);background:var(--dbx-blue);color:#fff;cursor:pointer;border:none;margin-top:8px;padding:11px 16px;font-size:.95rem;font-weight:600}.auth-submit:hover:not(:disabled){background:var(--dbx-blue-hover)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}