.login-wrapper,.logo,.topbar{display:flex;align-items:center}.footer-copy,.signup,.stat,.wa-otp-input{text-align:center}.field input,.footer-copy,.wa-otp-input{font-family:Inter,sans-serif}.login-wrapper,.logo,.topbar,.wrap{display:flex}.login-wrapper{min-height:100vh;background:#f0f4ff;justify-content:center;padding:16px;position:relative}.footer-copy{position:absolute;bottom:24px;left:0;width:100%;font-size:13px;color:#9aaad0;font-weight:500;letter-spacing:.3px}.feat-list,.inp-wrap,.left{position:relative}.login-wrapper *{box-sizing:border-box}.wrap{width:950px;min-width:650px;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px rgba(30,80,200,.14);background:#fff}.left{background:linear-gradient(184deg,#e8f0ff 0,#ddeaff3d 40%,#ccdeff57 100%);padding:44px 40px;overflow:hidden}.left::after,.left::before{content:'';position:absolute;pointer-events:none}.left::before{top:-100px;right:-80px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(var(--bs-primary-rgb),.18) 0,transparent 65%)}.left::after{bottom:-80px;left:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(var(--bs-primary-rgb),.15) 0,transparent 65%)}.topbar{justify-content:space-between;margin-bottom:36px}.logo{gap:9px}.feat,.hero-tag{display:flex;align-items:center}.logo-tri{width:32px;height:32px}.logo-name{font-size:20px;font-weight:800;color:#0f1f5c;letter-spacing:-.5px}.badge,.tag-txt{font-weight:700}.badge{background:rgba(var(--bs-primary-rgb),.15);color:var(--bs-primary);font-size:10px;padding:4px 10px;border-radius:20px;letter-spacing:.8px;text-transform:uppercase}.hero-tag{gap:7px;margin-bottom:14px}.dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.tag-txt{font-size:11px;color:#6b7baa;letter-spacing:1px;text-transform:uppercase}.form-logo-txt,.form-title{color:#0f1f5c;font-weight:800}.hero-title{font-size:26px;font-weight:800;color:#0f1f5c;line-height:1.25;letter-spacing:-.8px;margin-bottom:10px}.feat-list,.form-logo,.hero-sub{margin-bottom:28px}.hero-title em{font-style:normal;color:var(--bs-primary)}.hero-sub{font-size:13px;color:#6b7baa;line-height:1.6}.feat-list{display:flex;gap:10px;z-index:1}.feat{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:14px;padding:13px 15px;gap:13px;backdrop-filter:blur(8px)}.channels,.feat-ico{align-items:center;display:flex}.feat-ico{width:38px;height:38px;border-radius:10px;justify-content:center;flex-shrink:0;font-size:17px}.ico-wa{background:rgba(34,197,94,.15)}.ico-tp{background:rgba(var(--bs-primary-rgb),.12)}.ico-wf{background:rgba(168,85,247,.13)}.feat-title{font-size:13px;font-weight:600;color:#1e3a8a}.feat-desc{font-size:11px;color:#6b7baa;margin-top:2px}.stats{display:flex;gap:0;background:rgba(255,255,255,.65);border-radius:14px;border:1px solid rgba(255,255,255,.9);overflow:hidden;backdrop-filter:blur(8px)}.stat{flex:1;padding:14px 12px;border-right:1px solid rgba(var(--bs-primary-rgb),.08)}.stat:last-child{border-right:none}.stat-n{font-size:20px;font-weight:800;color:#1e3a8a}.stat-n sup{font-size:11px;font-weight:700;color:var(--bs-primary)}.stat-l{font-size:10px;color:#7b8cb5;text-transform:uppercase;letter-spacing:.6px;margin-top:2px}.channels{gap:6px;margin-top:16px}.ch-label{font-size:11px;color:#9aaad0;font-weight:500;margin-right:4px}.ch-ico{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9)}.right{flex:1;background:#fff;padding:44px 40px;display:flex;flex-direction:column;justify-content:center}.form-logo{display:flex;align-items:center;gap:8px}.form-logo svg{width:26px;height:26px}.form-logo-txt{font-size:18px}.form-head{margin-bottom:24px}.form-title{font-size:22px;letter-spacing:-.6px;margin-bottom:5px}.field label,.field-meta label{font-weight:600;letter-spacing:.2px}.form-sub{font-size:13px;color:#9aaad0}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:#374151;margin-bottom:6px}.eye-btn,.inp-ico{position:absolute;top:50%;transform:translateY(-50%)}.inp-ico{left:12px;color:#9aaad0}.field input{width:100%;height:44px;border:1.5px solid #e5eaf5;border-radius:10px;padding:0 14px 0 38px;font-size:14px;color:#0f1f5c;background:#f8faff;outline:0;transition:border-color .2s,background .2s}.field input:focus{border-color:var(--bs-primary);background:#fff;box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.08)}.field input::placeholder{color:#c5cfe8;font-size:13px}.field-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.divider,.remember{display:flex;align-items:center}.field-meta label{font-size:12px;color:#374151;margin-bottom:0}.forgot{font-size:12px;color:var(--bs-primary);text-decoration:none;font-weight:500}.forgot:hover{color:#006ddb}.eye-btn{right:12px;background:0 0;border:none;cursor:pointer;color:#c5cfe8;padding:3px}.eye-btn:hover{color:#6b7baa}.remember{gap:8px;margin-bottom:18px}.remember input[type=checkbox]{width:15px;height:15px;accent-color:var(--bs-primary);cursor:pointer;margin-bottom:0;margin-top:0}.remember label{font-size:12px;color:#6b7baa;cursor:pointer;margin-bottom:0}.divider{gap:10px;margin:16px 0}.wa-otp-group,.wa-phone-group{display:flex;gap:8px}.div-line{flex:1;height:1px;background:#eef0f8}.div-txt{font-size:11px;color:#c5cfe8;font-weight:500}.signup{margin-top:16px;font-size:13px;color:#9aaad0}.signup a{color:var(--bs-primary);font-weight:600;text-decoration:none}.signup a:hover{color:#006ddb}.wa-otp-group{justify-content:center}.wa-otp-input{width:48px;height:54px;font-size:22px;font-weight:700;border:1.5px solid #e5eaf5;border-radius:10px;background:#f8faff;color:#0f1f5c;outline:0;transition:border-color .2s,box-shadow .2s}.wa-otp-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12);background:#fff}.wa-cooldown{font-size:13px;color:#9aaad0;font-weight:500}.wa-cooldown strong{color:var(--bs-primary);font-weight:700}.wa-phone-group .wa-cc{width:80px;flex-shrink:0}.wa-phone-group .wa-cc input{padding-left:36px}.wa-view-toggle{transition:opacity .2s ease}@media (min-width :992px){.right{min-width:350px}}@media (min-width :300px){.wrap{min-width:unset!important}}@media (max-width:991px){.wrap{flex-direction:column;width:100%;max-width:480px;min-height:auto}.left{display:none}.right{padding:50px 30px;border-radius:24px}.wa-otp-input{width:42px;height:48px;font-size:20px}}