.sp-auth-page{min-height:calc(100vh - 300px);display:flex;align-items:center;justify-content:center;background:var(--sp-bg);padding:56px 24px}.sp-auth-container{display:grid;grid-template-columns:1fr 1fr;max-width:960px;width:100%;gap:64px;align-items:center}.sp-auth-brand .sp-auth-logo{width:64px;height:64px;margin-bottom:24px}.sp-auth-brand h2{font-size:36px;font-weight:900;color:var(--sp-ink);margin:0 0 14px;line-height:1.25}.sp-auth-brand p{font-size:16px;color:var(--sp-text-muted);line-height:1.7;margin:0}.sp-auth-card{background:#fff;border-radius:var(--sp-radius-card);box-shadow:var(--sp-shadow-card);padding:40px 36px}.sp-auth-card h1{font-size:24px;font-weight:700;color:var(--sp-ink);margin:0 0 28px}.sp-auth-field{margin-bottom:20px}.sp-auth-field label{display:block;font-size:14px;color:var(--sp-text-muted);margin-bottom:8px}.sp-auth-field input{width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid var(--sp-border);border-radius:12px;font-family:var(--sp-font);font-size:15px;color:var(--sp-ink);background:var(--sp-bg);transition:border-color .2s,box-shadow .2s}.sp-auth-field input::placeholder{color:var(--sp-text-muted);opacity:.7}.sp-auth-field input:focus{outline:none;border-color:var(--sp-purple);box-shadow:0 0 0 3px #4a21ef1a}.sp-auth-field input.sp-code-input{letter-spacing:6px;font-weight:700;text-align:center}.sp-auth-btn{width:100%;box-sizing:border-box;padding:14px;background:var(--sp-purple);color:#fff;border:none;border-radius:var(--sp-radius-pill);font-family:var(--sp-font);font-size:16px;font-weight:700;cursor:pointer;transition:filter .2s,transform .2s}.sp-auth-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.sp-auth-btn:disabled{background:var(--sp-text-muted);cursor:not-allowed;transform:none;filter:none}.sp-code-row{display:flex;gap:10px;align-items:stretch}.sp-code-row .sp-code-input{flex:1;min-width:0}.sp-code-btn{flex-shrink:0;padding:12px 18px;background:transparent;color:var(--sp-purple);border:1px solid var(--sp-purple);border-radius:12px;font-family:var(--sp-font);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}.sp-code-btn:hover:not(:disabled){background:var(--sp-bg-soft)}.sp-code-btn:disabled{color:var(--sp-text-muted);border-color:var(--sp-border);cursor:not-allowed;background:transparent}.sp-auth-foot{margin-top:24px;text-align:center;font-size:14px;color:var(--sp-text-muted)}.sp-auth-foot a{color:var(--sp-purple);font-weight:600;text-decoration:none}.sp-auth-foot a:hover{text-decoration:underline}.sp-auth-error{background:#f6465d14;color:var(--sp-down);padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:16px;display:none}.sp-auth-error.show{display:block}.sp-auth-ok{background:#18d26e1a;color:var(--sp-up);padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:16px;display:none}.sp-auth-ok.show{display:block}@media(max-width:768px){.sp-auth-container{grid-template-columns:1fr;gap:32px;max-width:420px}.sp-auth-brand{text-align:center}.sp-auth-brand h2{font-size:28px}.sp-auth-brand .sp-auth-logo{margin-left:auto;margin-right:auto}.sp-auth-card{padding:32px 24px}}