.auth-shell{background:linear-gradient(160deg, var(--bg) 0%, #eef3fb 55%, #e8f0fb 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:100%;max-width:380px;padding:32px 28px;box-shadow:0 18px 44px #08182d14}.auth-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.auth-brand strong{color:var(--secondary);letter-spacing:.4px;font-size:14px;display:block}.auth-brand strong span{color:var(--primary)}.auth-brand small{color:var(--text-muted);letter-spacing:1.2px;margin-top:3px;font-size:7.5px;display:block}.auth-card h1{color:var(--secondary);font-size:var(--text-h3);align-items:center;gap:7px;margin:0 0 6px;display:flex}.auth-card>p{margin:0 0 var(--space-5);color:var(--text-muted);font-size:var(--text-body-sm);line-height:var(--leading-normal)}.auth-field{margin-bottom:var(--space-4);display:block}.auth-field>span{color:var(--text-secondary);font-size:var(--text-label);margin-bottom:7px;font-weight:700;display:block}.auth-field input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;height:44px;font-size:var(--text-body);color:var(--text-primary);outline:0;padding:0 13px;transition:border-color .15s,box-shadow .15s}.auth-field input:hover{border-color:var(--border-strong)}.auth-field input:focus,.auth-field input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.auth-password-field{position:relative}.auth-field .auth-password-field input{padding-right:42px}.auth-password-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);background:0 0;border:0;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--text-secondary);background:var(--bg)}.auth-password-toggle:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:0}.auth-error{margin:0 0 var(--space-4);border-radius:var(--radius-md);color:var(--error);background:var(--error-bg);font-size:var(--text-body-sm);line-height:var(--leading-normal);border:1px solid #f0c6c6;padding:10px 12px}.auth-success{margin:0 0 var(--space-4);border-radius:var(--radius-md);color:var(--success);background:var(--success-bg);font-size:var(--text-body-sm);line-height:var(--leading-normal);border:1px solid #bfe3d6;padding:10px 12px}.auth-submit{border:1px solid var(--primary-active);border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg, var(--primary), var(--cyan));width:100%;height:44px;font-size:var(--text-body);margin-top:4px;font-weight:700;transition:filter .15s,box-shadow .15s,transform .12s;box-shadow:0 8px 18px #2563eb33}.auth-submit:not(:disabled):hover{filter:brightness(1.05);box-shadow:0 10px 22px #2563eb42}.auth-submit:not(:disabled):active{transform:translateY(1px)}.auth-submit:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:0}.auth-submit:disabled{opacity:.6;cursor:default}.auth-switch{margin:var(--space-5) 0 0;text-align:center;color:var(--text-muted);font-size:var(--text-body-sm)}.auth-switch a{color:var(--primary);border-radius:4px;padding:2px 3px;font-weight:700;text-decoration:none;transition:color .15s}.auth-switch a:hover{color:var(--primary-hover);text-decoration:underline}.auth-switch a:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:0}