:root{--navy:#16395d;--blue:#1761a5;--sky:#8ab8df;--soft:#f4f8fc;--line:#dfe8f1;--muted:#7690aa;--green:#28ae78;--orange:#f6a91a;--red:#ef3d3d;--shadow:0 10px 28px rgba(28,74,115,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;color:#172a40;background:#f7f9fc}body{font-size:15px}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:var(--blue);text-decoration:none}button{border:0;background:transparent;color:inherit}.logo{display:inline-flex;align-items:center;color:#172f4d;font-size:26px;letter-spacing:-1.5px;font-weight:600}.logo b{color:#6aa9dc;font-weight:700}.logo i{color:#1c5e92;font-size:19px;margin-left:3px;transform:rotate(-8deg)}
.public-page{min-height:100vh;background:radial-gradient(circle at 0 0,#eff5fb 0,transparent 33%),radial-gradient(circle at 100% 100%,#eff5fb 0,transparent 34%),#fff;display:flex;flex-direction:column;align-items:center;padding:58px 18px 24px}.public-logo{margin:55px 0 44px}.public-main{width:100%;display:flex;justify-content:center}.public-license{margin-top:auto;padding-top:42px;color:#8198ad;font-size:12px}.auth-card{width:430px;background:#fff;border-radius:16px;padding:26px 28px;box-shadow:var(--shadow)}.welcome-card{padding-bottom:30px}.card-heading,.title-line,.section-heading,.sub-header,.modal-title,.finance-head,.welcome-row,.identity-row{display:flex;align-items:center;justify-content:space-between}.card-heading h1,.title-line h1,.welcome-row h1,.section-heading h1,.sub-header h1,.page-heading h1{margin:0;font-size:26px}.language-switch{display:flex;gap:6px;align-items:center;color:#7c91a7}.language-switch button{padding:3px 0}.language-switch .selected{color:var(--navy);border-bottom:1px solid var(--navy)}.access-card{width:100%;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;text-align:left;padding:22px 18px;background:#f9fbfd;border-radius:12px;margin-top:14px}.access-card:hover{background:#f0f6fb}.access-card span:nth-child(2){display:flex;flex-direction:column}.access-card b{font-size:17px}.access-card small{color:#7790a9;margin-top:3px;font-size:14px}.access-icon,.round-icon,.product-icon{width:45px;height:45px;border-radius:12px;background:#e5eef7;color:#195d96;display:grid;place-items:center;font-size:22px}.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:30px;color:#7990a8}.auth-links>span:last-child{display:flex;gap:13px}.auth-links a{font-weight:700}.muted{color:#7890a8}.center{text-align:center}.login-card label,.register-card label,.form-card label,.modal-sheet>label,.calculator label{display:block;margin:16px 0 7px}.field,.phone-input{width:100%;height:52px;border:1px solid var(--line);border-radius:10px;background:white;color:#20364c;padding:0 14px;outline:none}.field:focus,.phone-input:focus-within{border-color:#78add8;box-shadow:0 0 0 3px #eef6fd}.phone-input{display:flex;padding:0}.phone-input button{padding:0 13px;border-right:1px solid var(--line);white-space:nowrap}.phone-input input{border:0;outline:0;min-width:0;flex:1;padding:0 12px}.forgot{display:block;text-align:right;margin:9px 0 20px}.primary,.secondary{min-height:50px;border-radius:10px;padding:0 19px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:linear-gradient(90deg,#175797,#327db9);color:white;box-shadow:0 5px 12px rgba(22,91,151,.18)}.primary:disabled{background:#9fc0df;cursor:not-allowed}.primary.small{min-height:42px;border-radius:12px}.secondary{border:1px solid var(--line);background:#fff;color:#31516e}.full{width:100%}.login-card>.primary,.register-card>.primary,.otp-card>.primary,.calculator>.primary,.form-card>.primary,.simple-page>.primary{width:100%}.or{display:flex;align-items:center;gap:10px;color:#8aa0b5;margin:24px 0}.or:before,.or:after{content:"";height:1px;background:#edf1f5;flex:1}.version{display:block;text-align:center;color:#9aaaba;margin-top:30px}.toast-inline{margin:15px 0;padding:12px;background:#ecf8f1;border:1px solid #bde4cf;border-radius:8px;color:#177046}.back{padding:5px;color:#38698f}.title-line{justify-content:flex-start;gap:8px;margin:18px 0}.title-line em{margin-left:auto;background:#e7eff7;color:#4d7ba1;border-radius:16px;padding:4px 13px;font-size:12px}.steps{display:flex;align-items:center;margin:18px 0 22px}.steps b{width:32px;height:32px;border-radius:50%;background:#f1f5fa;display:grid;place-items:center;color:#7c9ab6}.steps b.active{background:#1761a5;color:#fff}.steps i{width:46px;height:1px;background:#dfe7ef}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.otp-card{text-align:center}.otp-card .card-heading{margin-bottom:16px}.pill{display:inline-block;background:#edf4fa;border-radius:20px;padding:5px 12px;color:#4c7598}.otp-inputs{display:flex;gap:9px;justify-content:center;margin:28px 0 17px}.otp-inputs input{width:48px;height:54px;border:1px solid var(--line);border-radius:10px;text-align:center;font-weight:800;font-size:22px}.timer{display:block;color:#7890a8;margin-bottom:22px}.split-actions{display:flex;justify-content:space-between;margin-top:16px}.split-actions button{color:var(--blue)}
.desktop-stage{min-height:100vh;display:flex;justify-content:center;background:linear-gradient(120deg,#f4f8fc,#fff 45%,#eef5fb)}.app-shell{width:440px;min-height:100vh;background:#fff;box-shadow:0 0 10px rgba(31,69,99,.12);position:relative;padding-bottom:82px}.app-header{height:64px;position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e4ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.app-header .logo{font-size:21px}.icon-button{width:42px;height:42px;border:1px solid #e3e9ef;border-radius:11px;display:grid;place-items:center;color:#30678f;font-size:20px}.notify{position:relative}.notify span{position:absolute;right:4px;top:2px;background:#e73c31;color:#fff;border-radius:8px;font-size:10px;padding:1px 5px}.app-content{padding:16px}.bottom-nav{position:fixed;z-index:11;bottom:0;width:440px;height:74px;background:#fff;border-top:1px solid #e1e9f0;display:grid;grid-template-columns:repeat(5,1fr);padding:5px 6px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#83a3be;border-radius:10px;font-size:12px}.bottom-nav i{font-style:normal;font-size:24px;line-height:25px}.bottom-nav a.active{color:#1761a5;background:#f1f6fb;font-weight:700}.campaign{background:linear-gradient(100deg,#1260a7,#69a9d8);border-radius:15px;color:#fff;padding:16px;display:grid;grid-template-columns:45px 1fr 20px;gap:10px;position:relative}.campaign-icon{width:42px;height:42px;background:#ffffff2b;border-radius:11px;display:grid;place-items:center;font-size:20px}.campaign b,.campaign small{display:block}.campaign b{font-size:15px}.campaign small{opacity:.85}.campaign em{font-style:normal;font-size:10px;background:#fff3;border-radius:4px;padding:2px 5px;margin-left:6px}.campaign .dots{grid-column:1/4;font-size:12px;opacity:.7}.welcome-row{margin:14px 0}.welcome-row small{color:#7c98b0}.welcome-row h1{font-size:23px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-grid>div{border:1px solid var(--line);border-radius:14px;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(30,73,110,.05)}.stat-grid i{font-style:normal;color:#87abc7}.stat-grid b{font-size:20px;color:#245c8d}.stat-grid span{font-size:11px;color:#86a0b7}.finance-card{border:1px solid var(--line);border-radius:15px;padding:16px;margin-top:16px;box-shadow:0 5px 17px rgba(35,81,118,.06)}.finance-head{gap:10px}.finance-head>div{display:flex;flex-direction:column;flex:1}.finance-head small,.finance-head strong small{display:block;color:#79a0ba;font-weight:400}.finance-head strong{text-align:right;font-size:17px;color:#164f7e}.finance-head strong small{color:var(--green);font-size:11px}.text-button{display:block;margin:12px auto 0;color:#6b93b3}.mini-contracts{padding:10px;background:#f6f9fc;border-radius:8px;font-size:12px;margin-top:8px}.bars{margin:14px 12px}.bars label{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;column-gap:8px;text-align:right;font-size:11px;color:#7d98ad;margin:6px 0}.bars i{justify-self:start;height:14px;background:linear-gradient(90deg,#1c65a7 42%,#afc7de 42%);border-radius:2px}.bars i.orange{background:linear-gradient(90deg,#f5a512 20%,#f6d59f 20%)}.bars i.green{background:linear-gradient(90deg,#26ae76 55%,#adddcc 55%)}.legend{text-align:center;font-size:10px;color:#1c66a7}.legend span{color:#f2a10e}.legend em{color:#27aa73;font-style:normal}.summary-row,.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf1f5;margin-top:14px;padding-top:13px;gap:8px}.summary-row span,.metric-row span{display:flex;flex-direction:column;text-align:center}.summary-row small,.metric-row small{font-size:9px;color:#7897af}.summary-row b,.metric-row b{font-size:13px}.metric-row span{background:#f8fafc;padding:10px 3px;border-radius:10px}.green-text{color:var(--green)!important}.progress-label{display:flex;justify-content:space-between;color:#7796ad;font-size:12px;margin:16px 0 7px}.progress{height:8px;border-radius:5px;background:#edf2f6}.progress i{display:block;height:100%;background:#1761a5;border-radius:5px}.overdue{margin-top:15px;padding:13px;background:#fff0f0;border:1px solid #f5c7c7;border-radius:12px;display:flex;justify-content:space-between}.overdue div{display:flex;flex-direction:column;color:#e83d3d}.overdue button{background:#e93636;color:white;border-radius:12px;padding:0 18px}.next-payment{width:100%;border:1px solid #efb9b9;border-radius:14px;display:grid;grid-template-columns:45px 1fr auto 12px;align-items:center;gap:8px;padding:15px;margin:15px 0;text-align:left}.next-payment span:nth-child(2),.next-payment strong{display:flex;flex-direction:column}.next-payment small{font-size:11px;color:#7790a6}.next-payment strong{text-align:right;color:#175a90}.app-content h2{font-size:16px;margin:16px 0 9px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-grid button{min-height:66px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.quick-grid span{font-size:12px}.page-heading{margin-bottom:16px}.page-heading p{color:#7890a8;margin:4px 0}.filter-row{display:grid;gap:9px}.result-count{display:flex;justify-content:space-between;margin:14px 0;color:#7890a8}.result-count em{font-style:normal;background:#eaf6f0;color:#29966c;padding:4px 8px;border-radius:12px}.product-card{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;text-align:left;padding:15px 10px;border-bottom:1px solid #e8eef3}.product-card>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.product-card small{color:#7790a8}.product-card em{font-style:normal;font-size:11px;color:#4f83a8}.help-card{background:#eef6fc;border-radius:13px;padding:18px;margin-top:16px}.help-card p{color:#718ca4}.product-hero{text-align:center;background:linear-gradient(130deg,#135998,#72add5);color:#fff;border-radius:15px;padding:24px 18px}.product-hero h1{font-size:26px}.product-hero span{display:inline-block;background:#ffffff22;padding:6px 12px;border-radius:18px}.benefits{list-style:none;padding:0}.benefits li{display:flex;gap:12px;align-items:center;margin:11px 0}.benefits i{font-style:normal;background:#eaf7f1;color:#1fa46d;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.calculator{background:#f8fafc;border-radius:14px;padding:16px}.calculator h3{margin:0}.calculator p{color:#7890a8}.calculator input[type=range]{width:100%;accent-color:#1761a5}.range-label{display:flex;justify-content:space-between;color:#7890a8;font-size:11px}.term-input{display:flex;align-items:center;gap:8px}.term-input .field{width:100px}.quote{margin-top:16px}.quote>div{display:grid;grid-template-columns:35px 1fr;align-items:center;border-bottom:1px solid #e1e9ef;padding:10px}.quote>div i{grid-row:1/3}.quote>div b{grid-column:2}.quote details{margin:12px 0}.quote>.primary{width:100%}.service-list button{width:100%;display:flex;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:11px;margin:7px 0;background:#fff}