*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}.page{min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex}.left{background:#050a14;flex-direction:column;flex:0 0 55%;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.left:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 20% 20%,#38bdf814 0%,#0000 60%),radial-gradient(60% 80% at 80% 80%,#6366f11a 0%,#0000 60%);position:absolute;inset:0}.left:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#94a3b81f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.orb{pointer-events:none;background:radial-gradient(circle,#38bdf826 0%,#6366f114 40%,#0000 70%);border-radius:50%;width:420px;height:420px;animation:8s ease-in-out infinite float;position:absolute;top:-80px;right:-80px}.orb2{pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);border-radius:50%;width:280px;height:280px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-60px;left:-60px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.right{background:#fafaf9;flex:0 0 45%;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative;overflow-y:auto}.right:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#38bdf80f 0%,#0000 60%),radial-gradient(40% 40% at 80% 100%,#6366f10a 0%,#0000 60%);position:absolute;inset:0}.logo-wrap{align-items:center;gap:12px;margin-bottom:60px;display:flex}.sb-logo-icon{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.logo-name{color:#fff;letter-spacing:-.3px;font-family:Fraunces,serif;font-size:22px;font-weight:700}.headline{color:#fff;letter-spacing:-1.5px;margin-bottom:18px;font-family:Fraunces,serif;font-size:52px;font-weight:300;line-height:1.08}.headline-sub{color:#64748b;max-width:360px;margin-bottom:40px;font-size:16px;line-height:1.75}.feature-list{flex-direction:column;gap:10px;display:flex}.feat{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:14px;padding:15px 17px;transition:all .25s;display:flex}.feat:hover{background:#ffffff0f;border-color:#38bdf833;transform:translate(4px)}.feat-icon{background:#38bdf81a;border:1px solid #38bdf826;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.feat-title{color:#e2e8f0;margin-bottom:2px;font-size:14px;font-weight:600}.feat-desc{color:#475569;font-size:12px}.feat-check{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.countries{z-index:1;border-top:1px solid #ffffff0f;padding-top:24px;position:relative}.countries-label{text-transform:uppercase;letter-spacing:1px;color:#1e3a5f;margin-bottom:12px;font-size:11px;font-weight:700}.country-list{flex-wrap:wrap;gap:8px;display:flex}.country-tag{color:#475569;background:#ffffff0a;border:1px solid #ffffff12;border-radius:20px;padding:5px 12px;font-size:12px}.form-card{background:#fff;border:1px solid #e8e6e0;border-radius:24px;padding:32px;box-shadow:0 4px 32px #0000000f}.form-title{color:#0a0a0a;letter-spacing:-.8px;margin-bottom:6px;font-family:Fraunces,serif;font-size:32px;font-weight:400}.form-sub{color:#94a3b8;margin-bottom:28px;font-size:15px}.inp{color:#0a0a0a;background:#fafaf9;border:1.5px solid #e8e6e0;border-radius:12px;outline:none;width:100%;padding:13px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;transition:all .2s}.inp:focus{background:#fff;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.inp::placeholder{color:#c4c4bc}.pw-wrap{position:relative}.pw-wrap .inp{padding-right:44px}.pw-eye{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:2px;font-size:17px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.submit{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;border-radius:13px;width:100%;padding:15px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;transition:all .25s;box-shadow:0 6px 24px #0ea5e959}.submit:hover{transform:translateY(-2px);box-shadow:0 10px 32px #0ea5e973}.submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e8e6e0;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000f}.google-btn:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.or-divider{align-items:center;gap:12px;margin:16px 0;display:flex}.or-divider:before,.or-divider:after{content:"";background:#e8e6e0;flex:1;height:1px}.or-divider span{color:#c4c4bc;font-size:12px;font-weight:600}.error-box{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:11px 14px;font-size:13px;display:flex}.form-footer{text-align:center;color:#94a3b8;margin-top:20px;font-size:14px}.form-footer a{color:#0ea5e9;font-weight:700;text-decoration:none}.form-label{color:#374151;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}@media (max-width:900px){.page{flex-direction:column}.left{flex:none;padding:36px 28px 40px}.right{flex:none;padding:36px 20px 48px}.orb{width:200px;height:200px;top:-30px;right:-30px}.orb2{display:none}.headline{font-size:34px!important}.feat{display:none}.countries{display:none!important}}@media (max-width:480px){.left{padding:28px 20px 32px}.right{padding:28px 16px 40px}.headline{font-size:28px!important}.form-card{padding:22px 18px!important}}.role-selector{gap:8px;margin-bottom:20px;display:flex}.role-btn{cursor:pointer;background:#fff;border:1.5px solid #e8e6e0;border-radius:12px;flex:1;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.role-btn.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.role-btn:hover:not(.active){border-color:#cbd5e1}
