.login-page{min-height:100vh;justify-content:center;padding:40px 20px;background:radial-gradient(60% 50% at 50% 0,rgba(123,47,190,.18),transparent 60%),radial-gradient(50% 40% at 100% 100%,rgba(168,85,247,.1),transparent 55%),var(--bg)}.login-page,.login-wrap{display:flex;flex-direction:column;align-items:center}.login-wrap{width:100%;max-width:480px}.login-brand{display:flex;align-items:center;justify-content:center;margin-bottom:14px}.login-brand-logo{height:48px;width:auto;display:block}.login-tagline{color:var(--muted);font-size:14.5px;margin-bottom:30px;font-family:Space Grotesk,sans-serif;font-weight:400}.login-card{width:100%;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 40px 90px -30px rgba(0,0,0,.8);overflow:hidden}.login-tabs{display:flex;padding:8px;gap:6px;border-bottom:1px solid var(--line)}.login-tab{flex:1;padding:12px;border-radius:13px;font-weight:700;font-size:14.5px;color:var(--muted);transition:.18s;position:relative;cursor:pointer;border:none;background:none;font-family:inherit}.login-tab:hover{color:var(--text)}.login-tab.active{color:#fff;background:var(--grad-soft);border:1px solid rgba(168,85,247,.28)}.login-panel{padding:30px 30px 32px;display:none}.field-label,.login-panel.active{display:block}.field-label{font-size:13px;font-weight:700;color:var(--text);margin-bottom:9px}.lead-label{font-size:16px;font-weight:700;margin-bottom:16px;font-family:Space Grotesk,sans-serif}.magic-note{font-size:12.5px;color:var(--muted-2);margin-top:11px;line-height:1.45}.login-input,.login-textarea{width:100%;background:var(--bg-2);border:1px solid var(--line-2);border-radius:13px;padding:14px 16px;color:var(--text);font-size:14.5px;transition:.18s;outline:none;font-family:inherit}.login-input::-moz-placeholder,.login-textarea::-moz-placeholder{color:var(--muted-2)}.login-input::placeholder,.login-textarea::placeholder{color:var(--muted-2)}.login-input:focus,.login-textarea:focus{border-color:rgba(168,85,247,.6);background:var(--surface)}.login-textarea{min-height:92px;resize:vertical;line-height:1.5}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid{gap:15px}.form-field,.form-grid{display:flex;flex-direction:column}.login-btn-primary{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px;border-radius:14px;background:var(--grad);color:#fff;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer;border:none;transition:.2s ease;box-shadow:0 14px 34px -14px rgba(123,47,190,.85)}.login-btn-primary svg{width:18px;height:18px;stroke:#fff;stroke-width:2.2;fill:none;transition:.18s}.login-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 44px -16px rgba(123,47,190,.95)}.login-btn-primary:hover svg{transform:translateX(3px)}.login-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn-ghost{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px;border-radius:14px;border:1px solid var(--line-2);background:hsla(0,0%,100%,.02);color:var(--text);font-weight:700;font-size:14.5px;font-family:inherit;cursor:pointer;transition:.18s}.login-btn-ghost:hover{background:hsla(0,0%,100%,.05);border-color:rgba(168,85,247,.4)}.login-btn-ghost svg{width:19px;height:19px;flex:0 0 auto}.login-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--muted-2);font-size:12.5px;font-weight:600}.login-divider:after,.login-divider:before{content:"";flex:1;height:1px;background:var(--line)}.progress{padding:0}.progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.progress-step{font-size:12.5px;font-weight:700;color:var(--purple-light);letter-spacing:.02em}.progress-title{font-size:13px;color:var(--muted-2);font-weight:600}.progress-track{height:6px;border-radius:100px;background:var(--bg-2);overflow:hidden;border:1px solid var(--line)}.progress-fill{height:100%;border-radius:100px;background:var(--grad);transition:width .4s cubic-bezier(.2,.8,.2,1)}.step-pane{display:none}.step-pane.active{display:block}.tags{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.login-tag{padding:9px 10px;border-radius:100px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--muted);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:.16s;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-tag:hover{color:var(--text);border-color:rgba(168,85,247,.4)}.login-tag.on{color:#fff;background:var(--grad);border-color:transparent}.radios{display:grid;gap:8px}.radios[data-radio=base]{grid-template-columns:repeat(5,1fr)}.radios[data-radio=type]{grid-template-columns:repeat(2,1fr)}.login-radio{padding:10px 8px;border-radius:11px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--muted);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:.16s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-radio:hover{color:var(--text);border-color:rgba(168,85,247,.4)}.login-radio.on{color:#fff;background:var(--grad-soft);border-color:rgba(168,85,247,.55)}.photo-up{display:flex;align-items:center;gap:16px}.photo-circle{width:74px;height:74px;border-radius:50%;flex:0 0 auto;overflow:hidden;position:relative;border:1px dashed var(--line-2);background:var(--bg-2);display:grid;place-items:center;transition:.18s}.photo-circle svg{width:26px;height:26px;stroke:var(--muted-2);stroke-width:1.7;fill:none}.photo-circle img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}.photo-upload-label{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:10px 18px;border-radius:14px;border:1px solid var(--line-2);background:hsla(0,0%,100%,.02);color:var(--text);font-weight:700;font-size:13.5px;cursor:pointer;transition:.18s}.photo-upload-label:hover{background:hsla(0,0%,100%,.05);border-color:rgba(168,85,247,.4)}.photo-hint{font-size:12px;color:var(--muted-2);margin-top:6px}.login-btn-back{flex:0 0 auto;padding:15px 20px;border-radius:14px;border:1px solid var(--line-2);background:none;color:var(--text);font-weight:700;font-size:14.5px;font-family:inherit;cursor:pointer;transition:.18s}.login-btn-back:hover{background:hsla(0,0%,100%,.05);border-color:rgba(168,85,247,.4)}.login-check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.check-box{width:22px;height:22px;border-radius:7px;flex:0 0 auto;border:1px solid var(--line-2);background:var(--bg-2);display:grid;place-items:center;transition:.16s;margin-top:1px}.check-box svg{width:13px;height:13px;stroke:#fff;stroke-width:2.6;fill:none;opacity:0;transition:.14s}.login-check.on .check-box{background:var(--grad);border-color:transparent}.login-check.on .check-box svg{opacity:1}.check-text{font-size:13.5px;color:var(--muted);line-height:1.45}.btn-row{display:flex;gap:12px;margin-top:6px}.btn-row .login-btn-primary{flex:1}.section-gap{margin-top:20px}.field-sub{font-size:12px;color:var(--muted-2);margin:-3px 0 10px}.login-confirm{padding:42px 34px 40px;text-align:center;display:none;flex-direction:column;align-items:center}.login-confirm.active{display:flex}.confirm-ico{width:74px;height:74px;border-radius:20px;background:var(--grad-soft);border:1px solid rgba(168,85,247,.4);display:grid;place-items:center;margin-bottom:22px}.confirm-ico svg{width:34px;height:34px;stroke:var(--purple-light);stroke-width:1.8;fill:none}.login-confirm h2{font-size:26px;font-weight:600;margin-bottom:12px}.login-confirm p{color:var(--muted);font-size:15px;line-height:1.55;max-width:340px}.login-confirm p b{color:var(--text);font-weight:700}.login-confirm .resend{margin-top:24px;font-size:13.5px;color:var(--muted-2)}.login-confirm .resend button{color:var(--purple-light);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;border:none;background:none;font-family:inherit}.login-confirm .resend button:hover{color:#c77dff}.foot-note{margin-top:24px;font-size:12.5px;color:var(--muted-2);text-align:center}.foot-note a{color:var(--muted);font-weight:600}.foot-note a:hover{color:var(--purple-light)}@media (max-width:520px){.login-panel{padding:24px 20px 26px}.row-2{grid-template-columns:1fr}.radios[data-radio=base]{grid-template-columns:repeat(2,1fr)}}