*{box-sizing:border-box}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.login-page{background:#f5f7fb;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);min-height:100vh;display:grid}.feature-panel{color:#fff;background:radial-gradient(circle at 12% 20%,#247dff42,#0000 28%),radial-gradient(circle at 80% 80%,#00e0b426,#0000 28%),linear-gradient(145deg,#07152e 0%,#0b1d3d 48%,#06152e 100%);min-height:100vh;position:relative;overflow:hidden}.feature-panel:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:520px;height:520px;position:absolute;top:-150px;right:-220px}.feature-panel:after{content:"";border:1px solid #4caaff1a;border-radius:50%;width:390px;height:390px;position:absolute;bottom:-180px;left:-240px}.feature-content{z-index:1;flex-direction:column;justify-content:center;width:min(780px,100%);min-height:100vh;padding:48px clamp(36px,6vw,96px);display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex;position:absolute;top:42px;left:clamp(36px,6vw,96px)}.brand-mark{color:#fff;background:linear-gradient(135deg,#31a8ff,#5368ff);border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid;box-shadow:0 10px 30px #2c82ff40}.brand strong{letter-spacing:-.5px;font-size:20px;display:block}.brand span{color:#7fa0c9;letter-spacing:2px;margin-top:2px;font-size:8px;font-weight:700;display:block}.hero-copy{max-width:650px;margin-top:38px}.eyebrow{color:#56aaff;letter-spacing:2px;font-size:11px;font-weight:800}.hero-copy h2{letter-spacing:-3px;margin:15px 0 18px;font-size:clamp(42px,5vw,72px);line-height:.98}.hero-copy h2 span{color:#4fa9ff}.hero-copy>p{color:#a8bad3;max-width:550px;margin:0;font-size:16px;line-height:1.7}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:20px;min-height:220px;padding:24px;position:relative}.feature-icon{color:#57adff;background:#439fff24;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:22px;font-size:20px;font-weight:800;display:grid}.feature-card h3{margin:0 0 8px;font-size:20px}.feature-card p{color:#92a8c5;margin:0;font-size:13px;line-height:1.55}.feature-meta{position:absolute;bottom:20px;left:24px}.feature-meta span{color:#5bb0ff;text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:800;display:block}.feature-meta small{color:#8098b6;font-size:10px}.trust-row{gap:45px;margin-top:35px;display:flex}.trust-row div{flex-direction:column;gap:4px;display:flex}.trust-row strong{font-size:16px}.trust-row span{color:#7891b2;font-size:10px}.powered-by{color:#637d9e;text-transform:uppercase;letter-spacing:1.5px;margin:38px 0 0;font-size:11px}.login-section{background:#fff;place-items:center;min-height:100vh;padding:45px 55px;display:grid}.login-card{width:min(440px,100%)}.brand-mobile{display:none}.login-heading{margin-bottom:35px}.login-heading h1{color:#14213a;letter-spacing:-1px;margin:0 0 8px;font-size:31px}.login-heading p{color:#8791a4;margin:0;font-size:14px}.login-form{flex-direction:column;display:flex}.login-form label{color:#29354a;margin-bottom:9px;font-size:13px;font-weight:650}.login-form input:not([type=checkbox]){color:#172033;background:#fff;border:1px solid #dfe4ec;border-radius:11px;outline:none;width:100%;height:52px;padding:0 15px;transition:border-color .2s,box-shadow .2s}.login-form input:not([type=checkbox]):focus{border-color:#4b8fff;box-shadow:0 0 0 4px #4b8fff1a}.login-form input::placeholder{color:#aab2c0}.input-with-prefix{border:1px solid #dfe4ec;border-radius:11px;height:52px;margin-bottom:22px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.input-with-prefix:focus-within{border-color:#4b8fff;box-shadow:0 0 0 4px #4b8fff1a}.input-with-prefix .country-code{color:#4f5d72;white-space:nowrap;background:#fafbfc;border-right:1px solid #e5e9ef;align-items:center;padding:0 14px;font-size:12px;display:flex}.input-with-prefix input{box-shadow:none!important;border:0!important;border-radius:0!important;height:100%!important}.label-row{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.label-row label{margin:0}.text-button{color:#4388f7;background:0 0;border:0;padding:0;font-size:11px;font-weight:650}.otp-label-row{margin-top:22px}.remember-row{align-items:center;gap:8px;color:#6e788a!important;margin:19px 0 24px!important;font-size:12px!important;font-weight:500!important;display:flex!important}.remember-row input[type=checkbox]{accent-color:#4289f7;width:16px;height:16px;margin:0}.next-button{color:#fff;background:linear-gradient(135deg,#438ff8,#326edc);border:0;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;height:53px;font-size:14px;font-weight:750;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 10px 24px #3475e233}.next-button:hover{transform:translateY(-1px);box-shadow:0 13px 28px #3475e247}.next-button span{font-size:18px}.signup-text,.support-text{color:#8c95a5;justify-content:center;gap:5px;font-size:12px;display:flex}.signup-text{margin-top:28px}.support-text{margin-top:16px}.signup-text button,.support-text button{color:#4288f4;background:0 0;border:0;padding:0;font-weight:700}@media (width<=1050px){.login-page{grid-template-columns:1fr .85fr}.feature-content{padding-left:45px;padding-right:35px}.brand{left:45px}.hero-copy h2{font-size:52px}.feature-grid{gap:12px}.feature-card{padding:19px}}@media (width<=820px){.login-page{display:block}.feature-panel{min-height:auto}.feature-content{min-height:auto;padding:34px 28px 40px}.brand{margin-bottom:55px;position:static}.hero-copy{margin-top:0}.hero-copy h2{font-size:48px}.feature-grid{margin-top:32px}.trust-row,.powered-by{margin-top:25px}.login-section{min-height:auto;padding:55px 28px 65px}}@media (width<=560px){.feature-content{padding:25px 20px 32px}.brand{margin-bottom:42px}.hero-copy h2{letter-spacing:-2px;font-size:39px}.hero-copy>p{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:185px}.trust-row{justify-content:space-between;gap:20px}.trust-row strong{font-size:14px}.trust-row span{font-size:9px}.login-section{padding:45px 20px 55px}.login-heading h1{font-size:27px}}
