/* Soni Fincorp customer authentication v2 */
.sf-auth-page{min-height:calc(100vh - 110px);background:linear-gradient(90deg,#eaf6ff 0 56%,#fff 56%);color:#173e6c}.sf-auth-wrap{width:100%;margin:0 auto}.sf-auth-shell{display:grid;grid-template-columns:56% 44%;overflow:hidden;background:#fff;min-height:calc(100vh - 110px)}.sf-auth-story{position:relative;padding:64px max(50px,6vw);background:radial-gradient(circle at 76% 31%,rgba(55,148,239,.2),transparent 27%),linear-gradient(145deg,#eff8ff,#e3f2ff 59%,#edf9f3);overflow:hidden}.sf-auth-story:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(8,113,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(8,113,232,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 85%);pointer-events:none}.sf-auth-story:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-115px;bottom:-125px;border:48px solid rgba(8,113,232,.05)}.sf-auth-story>*{position:relative;z-index:1}.sf-auth-kicker{display:inline-flex;align-items:center;gap:8px;color:#0871df;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.sf-auth-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#15925a}.sf-auth-story h1{margin:18px 0 13px;color:#123d75;font-size:clamp(44px,4vw,64px);line-height:1.05;letter-spacing:-.045em}.sf-auth-story h1 span{color:#0871e8}.sf-auth-story>p{margin:0 0 27px;color:#5d7691;font-size:18px;max-width:590px}.sf-auth-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:650px}.sf-auth-benefit{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(176,207,234,.76);border-radius:14px;background:rgba(255,255,255,.76);backdrop-filter:blur(5px)}.sf-auth-benefit i{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#0871e8,#0b4f9d);color:#fff;font-style:normal;font-weight:900;box-shadow:0 7px 16px rgba(28,89,149,.18)}.sf-auth-benefit b{display:block;color:#1b4777;font-size:13px}.sf-auth-benefit small{display:block;color:#6c8297;font-size:11px;margin-top:2px}.sf-auth-art{margin-top:26px;max-width:650px;height:126px;border-radius:18px;background:linear-gradient(115deg,#0b4d98,#087de9);position:relative;overflow:hidden;color:#fff;padding:22px}.sf-auth-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 52px,#ffffff12 52px 53px),repeating-linear-gradient(0deg,transparent 0 31px,#ffffff0d 31px 32px)}.sf-auth-art:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-35px;top:-100px;background:#ffffff12}.sf-auth-art strong{display:block;position:relative;z-index:1;font-size:22px}.sf-auth-art span{display:block;position:relative;z-index:1;color:#d9ebff;font-size:12px;margin-top:4px;max-width:390px}.sf-auth-art .sf-auth-shield{position:absolute;right:36px;bottom:18px;font-size:54px;filter:drop-shadow(0 8px 13px rgba(0,0,0,.15))}
.sf-auth-panel{display:flex;align-items:center;padding:48px max(42px,5vw);background:radial-gradient(circle at 84% 9%,#e9f5ff,transparent 26%),#fff}.sf-auth-card{width:100%;max-width:500px;margin:0 auto;padding:38px 35px;background:#fff;border:1px solid #e0eaf3;border-radius:19px;box-shadow:0 17px 50px rgba(21,61,103,.11)}.sf-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-bottom:1px solid #d9e5f0;margin-bottom:23px}.sf-auth-tab{border:0;background:none;padding:0 4px 14px;color:#0871e8;font:900 17px/1.2 inherit;cursor:pointer;position:relative}.sf-auth-tab.active{color:#123d72}.sf-auth-tab.active:after{content:"";position:absolute;height:3px;border-radius:99px;background:#0871e8;left:0;right:0;bottom:-2px}.sf-auth-card h2{margin:8px 0 6px;color:#123d72;font-size:26px;letter-spacing:-.025em}.sf-auth-sub{margin:0 0 23px;color:#6c8095;font-size:13px}.sf-auth-step[hidden]{display:none!important}.sf-auth-field{margin-bottom:14px}.sf-auth-field label{display:block;margin:0 0 6px;color:#294e74;font-size:12px;font-weight:850}.sf-auth-control{display:flex;align-items:center;min-height:48px;border:1px solid #cbd9e7;border-radius:12px;overflow:hidden;background:#fff}.sf-auth-control:focus-within{border-color:#0871e8;box-shadow:0 0 0 3px rgba(8,113,232,.11)}.sf-auth-control span{padding-left:13px;color:#496987;font-weight:850}.sf-auth-control input{width:100%;border:0!important;outline:0!important;background:transparent!important;padding:12px!important;color:#173f6c;font:650 14px/1.35 inherit;box-shadow:none!important}.sf-auth-control input[readonly]{background:#f5f8fb!important;color:#627a91}.sf-auth-btn{width:100%;min-height:48px;border:0;border-radius:12px;background:#0871e8;color:#fff;font-weight:900;cursor:pointer;transition:.15s ease}.sf-auth-btn:hover{background:#075fc6;transform:translateY(-1px)}.sf-auth-btn:disabled{opacity:.64;cursor:wait;transform:none}.sf-auth-back{border:0;background:none;color:#557590;font-weight:800;cursor:pointer;padding:10px}.sf-auth-actions{display:flex;align-items:center;gap:10px}.sf-auth-actions .sf-auth-btn{flex:1}.sf-auth-trust{display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0 0;padding:11px;border-radius:11px;background:#eaf8f0;color:#307153;font-size:11px;font-weight:750}.sf-auth-error{min-height:19px;margin:-3px 0 6px;color:#c91b34;font-size:11px;font-weight:750}.sf-auth-otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}.sf-auth-otp input{width:100%;min-width:0;height:48px;text-align:center;border:1px solid #cbd9e7;border-radius:11px;color:#153f70;font-size:20px;font-weight:900;outline:0}.sf-auth-otp input:focus{border-color:#0871e8;box-shadow:0 0 0 3px rgba(8,113,232,.1)}.sf-auth-info{padding:11px 13px;margin-bottom:13px;border-radius:11px;background:#eff6fe;color:#3d6287;font-size:12px}.sf-auth-resend{text-align:center;margin-top:12px;color:#6b8095;font-size:11px}.sf-auth-resend button{border:0;background:none;color:#0871e8;font-weight:850;cursor:pointer}.sf-auth-check{display:flex;align-items:flex-start;gap:9px;margin:5px 0 15px;color:#60778f;font-size:11px}.sf-auth-check input{margin-top:2px;accent-color:#0871e8}.sf-auth-check a{color:#0871e8;text-decoration:none}.sf-auth-login-link{text-align:center;margin:15px 0 0;color:#698097;font-size:11px}.sf-auth-login-link a{color:#0871e8;font-weight:850;text-decoration:none}
.sf-customer-menu-wrap{position:relative}.sf-customer-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:2400;width:230px;padding:8px;background:#fff;border:1px solid #d9e5f0;border-radius:14px;box-shadow:0 18px 45px rgba(15,55,96,.18)}.sf-customer-menu[hidden]{display:none!important}.sf-customer-menu-head{padding:10px 11px;border-bottom:1px solid #e7eef5;margin-bottom:5px}.sf-customer-menu-head b{display:block;color:#173f6e;font-size:13px}.sf-customer-menu-head small{display:block;color:#73879a;font-size:10px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.sf-customer-menu a,.sf-customer-menu button{display:flex;width:100%;align-items:center;gap:9px;border:0;border-radius:9px;background:none;padding:9px 10px;color:#294e74;text-decoration:none;font:750 12px/1.3 inherit;cursor:pointer;text-align:left}.sf-customer-menu a:hover,.sf-customer-menu button:hover{background:#eef6ff;color:#0871e8}.sf-customer-menu .logout{color:#c81c32;border-top:1px solid #e7eef5;border-radius:0;margin-top:4px;padding-top:11px}.sf-auth-name-btn{max-width:180px}.sf-auth-name-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:930px){.sf-auth-page{background:#eef7ff}.sf-auth-shell{grid-template-columns:1fr}.sf-auth-story{padding:34px}.sf-auth-art{display:none}.sf-auth-panel{padding:35px}.sf-auth-benefits{grid-template-columns:1fr 1fr}.sf-auth-shell{min-height:0}}
@media(max-width:620px){.sf-auth-story{padding:27px 21px}.sf-auth-story h1{font-size:36px}.sf-auth-story>p{font-size:14px;margin-bottom:18px}.sf-auth-benefits{grid-template-columns:1fr}.sf-auth-benefit:nth-child(n+3){display:none}.sf-auth-panel{padding:22px 12px 35px}.sf-auth-card{padding:27px 18px}.sf-auth-tab{font-size:14px}.sf-auth-name-btn{max-width:140px}}