*{box-sizing:border-box}html{font-family:Manrope,Arial,sans-serif;color:#0b214b;background:#f5faff}body{margin:0}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(560px,.94fr) minmax(520px,1.06fr)}.auth-panel{position:relative;min-width:0}.form-panel{display:flex;flex-direction:column;padding:38px clamp(42px,5.5vw,92px) 28px;background:#fff}.auth-logo{display:block;width:142px}.auth-logo img{display:block;width:100%;height:auto}.auth-form-wrap{width:100%;max-width:540px;margin:auto}.auth-eyebrow{display:flex;align-items:center;gap:9px;color:#57708f;font-size:10px;font-weight:800;letter-spacing:.12em}.auth-eyebrow i{width:7px;height:7px;border-radius:50%;background:#087bff;box-shadow:0 0 0 5px #e6f2ff}.auth-form-wrap h1{margin:16px 0 10px;font-size:clamp(42px,4.3vw,62px);line-height:.98;letter-spacing:-.055em}.auth-intro{max-width:500px;margin:0 0 30px;color:#637590;font-size:14px;line-height:1.65}.auth-form{display:grid;gap:10px}.field-label{display:block;margin-top:4px;color:#223a5d;font-size:11px;font-weight:800}.label-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.label-row .field-label{margin:0}.label-row a{color:#0874ed;font-size:10px;font-weight:800}input,select{width:100%;height:50px;border:1px solid #d6e3f0;border-radius:12px;background:#fbfdff;color:#0b214b;outline:none;transition:border-color .2s,box-shadow .2s}input{padding:0 15px}select{padding:0 12px}input::placeholder{color:#9aacbf}input:focus,select:focus{border-color:#2687ff;box-shadow:0 0 0 4px rgba(38,135,255,.1)}input.invalid{border-color:#ec5262;box-shadow:0 0 0 4px rgba(236,82,98,.08)}.phone-field{display:grid;grid-template-columns:86px 1fr}.phone-field select{border-radius:12px 0 0 12px;border-right:0;background:#edf6ff;font-weight:800}.phone-field input{border-radius:0 12px 12px 0}.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{position:absolute;right:5px;top:5px;width:40px;height:40px;border:0;background:transparent;cursor:pointer}.password-toggle span{position:absolute;left:9px;top:13px;width:22px;height:14px;border:2px solid #7286a1;border-radius:50% 50% 45% 45%;transform:rotate(-2deg)}.password-toggle span:after{content:"";position:absolute;left:6px;top:3px;width:6px;height:6px;border-radius:50%;background:#7286a1}.password-toggle.visible span:before{content:"";position:absolute;left:-3px;top:5px;width:25px;height:2px;background:#7286a1;transform:rotate(-40deg)}.field-error{min-height:4px;color:#dc4054;font-size:9px;font-weight:700}.field-hint{margin-top:-4px;color:#8192a9;font-size:9px;line-height:1.45}.check-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;margin:5px 0;color:#5e718c;font-size:10px;line-height:18px;cursor:pointer}.auth-form .check-row input[type="checkbox"]{display:block;justify-self:start;width:18px;height:18px;min-width:18px;margin:0;padding:0;border-radius:4px;box-shadow:none;accent-color:#087bff}.check-row span{display:block;line-height:18px}.submit-button{height:52px;margin-top:4px;border:0;border-radius:13px;background:#0875f5;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:12px;font-weight:800;box-shadow:0 13px 28px rgba(8,117,245,.2);cursor:pointer}.submit-button:hover{background:#0067e4}.submit-button span{font-size:18px}.form-message{min-height:0;margin:0;color:#00a879;font-size:10px;font-weight:700}.auth-switch{text-align:center;margin:20px 0 0;color:#71839b;font-size:11px}.auth-switch a{color:#0875f5;font-weight:800}.auth-legal{margin:24px 0 0;color:#9aa9bc;font-size:8px;line-height:1.5}.visual-panel{overflow:hidden;display:flex;align-items:flex-start;padding:70px clamp(45px,5vw,82px);background:radial-gradient(circle at 70% 50%,#197ff4,#0b56bf 48%,#082b65 100%);color:#fff}.visual-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.visual-panel:after{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-250px;bottom:-300px;box-shadow:0 0 0 70px rgba(255,255,255,.04),0 0 0 140px rgba(255,255,255,.025)}.visual-copy{position:relative;z-index:2;max-width:590px}.visual-copy>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#77b8ff}.visual-copy h2{margin:22px 0;font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.06em}.visual-copy h2 em{font-style:normal;color:#8bc8ff}.visual-copy p{max-width:500px;color:#bfd9fa;font-size:14px;line-height:1.7}.visual-panel>img{position:absolute;z-index:2;right:1%;bottom:-5%;width:min(52vw,620px);max-height:65%;object-fit:contain;filter:drop-shadow(0 24px 25px rgba(0,22,70,.32))}.auth-stat,.referral-note{position:absolute;z-index:3;padding:14px 17px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(5,37,86,.62);backdrop-filter:blur(14px);box-shadow:0 15px 35px rgba(0,26,78,.2)}.auth-stat small,.referral-note small{display:block;margin-bottom:7px;color:#78a9e2;font-size:8px;font-weight:800;letter-spacing:.11em}.auth-stat b,.referral-note b{font-size:11px}.auth-stat i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20d19b;margin-right:6px}.stat-one{left:8%;bottom:22%}.stat-two{right:7%;bottom:43%}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-grid>div{min-width:0}.referral-field{position:relative}.referral-field input{padding-right:92px;text-transform:uppercase}.referral-field>span{position:absolute;right:7px;top:7px;padding:10px;border-radius:9px;background:#e8f3ff;color:#0874ed;font-size:8px;font-weight:800;letter-spacing:.08em}.strength-block{margin:1px 0 3px}.strength-track{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.strength-track i{height:4px;border-radius:5px;background:#e1e9f2}.strength-block.level-1 i:nth-child(-n+1){background:#eb5263}.strength-block.level-2 i:nth-child(-n+2){background:#f1a72f}.strength-block.level-3 i:nth-child(-n+3){background:#3a9bf5}.strength-block.level-4 i{background:#16bd8b}.strength-block>div:nth-child(2){display:flex;justify-content:space-between;margin-top:6px;color:#8b9bb0;font-size:8px;font-weight:700}.strength-block b{color:#627895}.strength-block p{margin:4px 0 0;color:#9aabbd;font-size:8px}.signup-page .form-panel{padding-top:28px;padding-bottom:20px}.signup-page .auth-logo{width:124px}.signup-page .auth-form-wrap h1{font-size:48px;margin-top:11px}.signup-page .auth-intro{margin-bottom:20px}.signup-page .auth-form{gap:6px}.signup-page input,.signup-page select{height:46px}.signup-page .password-toggle{top:3px}.signup-visual>img{right:-3%;bottom:-4%;width:min(47vw,570px);max-height:58%}.network-map{position:absolute;z-index:1;left:9%;right:9%;top:39%;height:250px}.node{position:absolute;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.36);background:#0b63d4;box-shadow:0 0 0 10px rgba(255,255,255,.055);font-size:9px;font-weight:800}.node.root{left:42%;top:20px;background:#fff;color:#0875f5}.node.one{left:19%;top:135px}.node.two{right:19%;top:135px}.node.three{left:44%;top:190px}.network-map .line{position:absolute;height:1px;background:rgba(255,255,255,.28);transform-origin:left}.line.a{left:45%;top:70px;width:190px;transform:rotate(32deg)}.line.b{left:45%;top:70px;width:180px;transform:rotate(148deg)}.line.c{left:46%;top:73px;width:145px;transform:rotate(88deg)}.referral-note{left:8%;bottom:12%}
@media (max-width:980px){.auth-page{grid-template-columns:1fr}.form-panel{min-height:100vh}.visual-panel{display:none}.auth-form-wrap{max-width:600px}.auth-logo{width:135px}}
@media (max-width:600px){.form-panel{padding:25px 20px 22px}.auth-form-wrap h1{font-size:42px}.field-grid{grid-template-columns:1fr;gap:6px}.password-grid{gap:6px}.signup-page .auth-form-wrap h1{font-size:40px}.signup-page .auth-intro{margin-bottom:16px}.auth-legal{text-align:center}}
@media (min-width:981px) and (max-height:700px){.form-panel{padding-top:18px;padding-bottom:14px}.auth-logo{width:108px}.auth-form-wrap{max-width:510px}.auth-form-wrap h1{margin:10px 0 7px;font-size:43px}.auth-intro{margin-bottom:20px;font-size:12px}.auth-form{gap:7px}.field-label{margin-top:2px}.auth-form input,.auth-form select{height:46px}.password-toggle{top:3px}.check-row{margin:2px 0}.submit-button{height:48px}.auth-switch{margin-top:13px}.auth-legal{margin-top:12px}.visual-panel{padding-top:38px;padding-bottom:38px}.visual-copy h2{margin:15px 0;font-size:55px}.visual-copy p{font-size:12px}.visual-panel>img{max-height:58%;bottom:-6%}.auth-stat{padding:11px 14px}.stat-one{bottom:18%}.stat-two{bottom:41%}}

/* Signup: independent scrolling form with a fixed full-height visual */
@media (min-width:981px){.signup-body{height:100vh;overflow:hidden}.signup-page{height:100vh;min-height:0;overflow:hidden}.signup-page .form-panel{height:100vh;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8d8ea transparent}.signup-page .signup-visual{position:sticky;top:0;height:100vh;min-height:0}.signup-page .signup-visual>img{right:4%;bottom:2%;width:min(38vw,460px);height:min(47vh,410px);max-height:none;object-fit:contain;object-position:center bottom}.signup-page .network-map{top:38%;transform:scale(.86);transform-origin:center top}.signup-page .referral-note{bottom:8%}}

/* Refined signup visual */
.signup-visual{isolation:isolate}.signup-visual:after{z-index:-1;right:-320px;bottom:-360px;width:760px;height:760px}.signup-visual .visual-copy{max-width:560px}.signup-visual .visual-copy h2{font-size:clamp(46px,4.5vw,64px);margin:17px 0 16px}.signup-visual .visual-copy p{max-width:480px}.network-preview{position:absolute;z-index:3;left:8%;bottom:7%;width:330px;padding:19px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(5,34,80,.72);backdrop-filter:blur(16px);box-shadow:0 22px 55px rgba(0,24,70,.28)}.network-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.13)}.network-head>span{color:#70a6e4;font-size:8px;font-weight:800;letter-spacing:.12em}.network-head>b{color:#bdeedc;font-size:8px}.network-head i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#20d19b;box-shadow:0 0 0 4px rgba(32,209,155,.1)}.placement-flow{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;padding:16px 0}.placement-flow>div{padding:11px 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.05)}.placement-flow>span{text-align:center;color:#68adff}.placement-flow small,.network-facts small{display:block;margin-bottom:4px;color:#7095c2;font-size:7px;font-weight:800;letter-spacing:.1em}.placement-flow strong{font-size:10px}.placement-flow .member-node{border-color:rgba(98,177,255,.52);background:rgba(28,126,244,.2)}.network-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.network-facts>span{padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.network-facts b{font-size:9px}.signup-visual>img{z-index:4!important;filter:drop-shadow(0 25px 23px rgba(0,25,75,.32))}
@media (min-width:981px){.signup-page .signup-visual{padding-top:50px}.signup-page .signup-visual>img{right:1%;bottom:1.5%;width:min(34vw,440px);height:min(53vh,430px)}.signup-page .network-preview{left:7%;bottom:7%}}
@media (min-width:981px) and (max-height:700px){.signup-visual .visual-copy h2{font-size:50px;margin:12px 0}.signup-visual .visual-copy p{max-width:460px;line-height:1.55}.signup-page .signup-visual{padding-top:34px}.signup-page .signup-visual>img{width:350px;height:330px;right:1%;bottom:1%}.signup-page .network-preview{left:7%;bottom:5%;width:300px;padding:15px}.placement-flow{padding:12px 0}}

/* Primary authentication action */
.auth-form .submit-button{position:relative;isolation:isolate;width:100%;height:56px;margin-top:8px;overflow:hidden;border:1px solid rgba(0,91,215,.22);border-radius:15px;background:linear-gradient(135deg,#1188ff 0%,#0875f5 48%,#0564dc 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 62px;font-size:13px;font-weight:800;letter-spacing:-.01em;box-shadow:0 14px 30px rgba(8,117,245,.22),inset 0 1px 0 rgba(255,255,255,.24);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.auth-form .submit-button:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 48%,transparent 76%);transform:translateX(-120%);transition:transform .55s ease}
.auth-form .submit-button span{position:absolute;right:7px;top:7px;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:20px;font-weight:500;line-height:1;transition:transform .18s ease,background .18s ease}
.auth-form .submit-button:hover{background:linear-gradient(135deg,#168dff 0%,#0875f5 48%,#005dce 100%);box-shadow:0 17px 34px rgba(8,117,245,.29),inset 0 1px 0 rgba(255,255,255,.28);transform:translateY(-1px)}
.auth-form .submit-button:hover:before{transform:translateX(120%)}
.auth-form .submit-button:hover span{background:rgba(255,255,255,.2);transform:translateX(2px)}
.auth-form .submit-button:active{transform:translateY(1px);box-shadow:0 8px 18px rgba(8,117,245,.2)}
.auth-form .submit-button:focus-visible{outline:3px solid rgba(38,135,255,.24);outline-offset:3px}
.auth-form .submit-button:disabled{cursor:wait;filter:saturate(.72);transform:none;opacity:.78}
@media (max-width:600px){.auth-form .submit-button{height:54px;border-radius:14px}.auth-form .submit-button span{top:6px;width:40px;height:40px}}