.auth-wrap{background:radial-gradient(1200px 500px at 50% -10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent), var(--bg);min-height:100vh;color:var(--text);font-family:var(--daplug-body,"Inter", sans-serif);justify-content:center;align-items:center;padding:40px 20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:420px;padding:32px 28px;box-shadow:0 12px 40px #0a0a0a14}.auth-brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.auth-brand img{width:auto;height:30px}.auth-brand strong{font-family:var(--daplug-display,"Space Grotesk", sans-serif);letter-spacing:-.01em;font-size:1.25rem}.auth-title{font-size:1.5rem;font-family:var(--daplug-display);margin:0 0 6px}.auth-subtitle{color:var(--text-muted);margin:0 0 22px;font-size:.9rem}.auth-roles{gap:10px;margin-bottom:20px;display:grid}.auth-role-btn{text-align:left;border:1px solid var(--control-border);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;display:flex}.auth-role-btn:hover{border-color:var(--text)}.auth-role-btn strong{align-items:center;gap:8px;font-size:.92rem;display:flex}.auth-role-btn span{color:var(--text-muted);font-size:.76rem}.auth-role-badge{letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text);border-radius:999px;padding:2px 7px;font-size:.62rem;font-weight:700}.auth-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:18px 0;font-size:.72rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-field{gap:6px;margin-bottom:14px;display:grid}.auth-field label{color:var(--text-muted);font-size:.8rem}.auth-field input{border:1px solid var(--control-border);background:var(--bg);height:44px;color:var(--text);font:inherit;border-radius:10px;padding:0 14px;font-size:.9rem}.auth-field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--text)}.auth-submit{background:var(--accent);width:100%;height:48px;color:var(--on-accent);font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:4px;font-size:.92rem;font-weight:700}.auth-submit:hover{filter:brightness(.96)}.auth-submit:focus-visible{outline:2px solid var(--text);outline-offset:2px}.auth-submit:disabled,.auth-role-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{border:1px solid color-mix(in srgb, var(--danger,#e5484d) 40%, var(--border));background:color-mix(in srgb, var(--danger,#e5484d) 10%, transparent);color:var(--danger,#e5484d);border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:.82rem}.auth-foot{color:var(--text-muted);text-align:center;margin-top:18px;font-size:.84rem}.auth-foot a{color:var(--text);text-decoration:underline}