:root{font-family:Arial,Helvetica,sans-serif;color:#172332;background:#fff;font-synthesis:none;--orange: #f75206;--navy: #0c1622}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ff7939;outline-offset:5px}button{border:0}::selection{background:#ff7939;color:#0c1622}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-light{font-weight:400}.brand-icon{width:43px;height:43px;background:var(--orange);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:36px;font-style:italic;letter-spacing:-4px;color:var(--navy)}.brand-icon span{font-size:23px;margin-top:-14px;letter-spacing:0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px;line-height:1.7}.eyebrow>span{width:24px;height:2px;background:var(--orange)}@media(max-width:800px){.brand{font-size:19px}.brand-icon{width:36px;height:36px}}@media(max-width:560px){.brand{font-size:18px;gap:8px}.eyebrow{font-size:11px;letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18263a;background:#f4f7fb;--orange: #f7a44a;--navy: #14243a;--premium-ink: #18263a;--premium-muted: #728096;--premium-line: #e5ebf2;--premium-surface: #fff;--premium-shadow: 0 18px 48px rgb(29 48 75 / 8%)}body{color:var(--premium-ink);background:#f4f7fb;-webkit-font-smoothing:antialiased}button,a,input,select{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}html body .navbar{position:relative;z-index:3;min-height:78px;padding:14px clamp(20px,5vw,76px);background:#ffffffeb;border-bottom:1px solid rgb(225 232 240 / 85%);box-shadow:0 8px 28px #1e314c0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html body .navbar nav{gap:clamp(18px,3vw,38px)}html body .navbar nav a{color:#56657a;font-weight:600}html body .navbar nav a:hover,html body .navbar nav .home-link{color:#b56b26}html body .navbar nav .home-link{border-color:#f3a04b}html body .brand{color:#1c2c42;letter-spacing:-1.2px}html body .brand-icon{border-radius:14px;background:linear-gradient(145deg,#ffc56d,#f3933c);box-shadow:0 8px 18px #e6893640}html body .login-button,html body .sidebar-logout{border-radius:12px;background:#1e3552;box-shadow:0 8px 20px #162c4826}html body .login-button:hover,html body .sidebar-logout:hover{background:#2d4a6d;transform:translateY(-1px)}html body .navbar-wallet{border:1px solid #f0e2d1;border-radius:12px;background:#fffaf4}html body .hamburger-button{border-radius:13px;background:#f2f5f9}html body .account-layout{background:radial-gradient(ellipse at 90% 0%,#edf3fb,#f6f8fb 43rem)}html body .account-main{max-width:1320px;padding:clamp(32px,5vw,64px) clamp(20px,5vw,76px);animation:premium-enter .42s ease both}html body .account-main h1{color:#172a43;letter-spacing:-1.8px}html body .account-main .eyebrow,html body .eyebrow{color:#a56c31}html body .account-description{color:var(--premium-muted)}html body .account-empty,html body .product-form,html body .product-info,html body .aeps-card,html body .ledger-state,html body .transactions{border:1px solid rgb(225 232 240 / 90%);border-radius:20px;background:#fffffff0;box-shadow:var(--premium-shadow)}html body .dashboard-heading{margin-bottom:28px}html body .dashboard-date,html body .products-count{border:1px solid #e2eaf3;border-radius:999px;padding:9px 15px;background:#fff;color:#68788e;box-shadow:0 6px 16px #1d304b0a}html body .dashboard-banner{position:relative;overflow:hidden;border:1px solid #335273;border-radius:24px;padding:clamp(26px,4vw,44px);background:radial-gradient(circle at 84% 18%,rgb(248 172 89 / 32%),transparent 23%),linear-gradient(120deg,#14263f,#29496b 75%,#375a78);box-shadow:0 18px 38px #182e492b}html body .dashboard-banner:after{content:"";position:absolute;width:280px;height:280px;right:-90px;bottom:-170px;border:1px solid rgb(255 255 255 / 17%);border-radius:50%;box-shadow:0 0 0 28px #ffffff0a,0 0 0 58px #ffffff08;pointer-events:none}html body .dashboard-banner h2{letter-spacing:-1.2px}html body .dashboard-add,html body .product-primary,html body .aeps-button,html body .ledger-export,html body .ledger-refresh,html body .primary-button{border-radius:12px;box-shadow:0 8px 18px #e48c3e2b}html body .dashboard-add:hover,html body .product-primary:hover,html body .aeps-button:hover,html body .ledger-export:hover,html body .primary-button:hover{transform:translateY(-2px)}html body .products-heading{margin-top:42px}html body .product-card{position:relative;overflow:hidden;border:1px solid #e4eaf1;border-radius:19px;background:#fff;box-shadow:0 9px 24px #1e34500d;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}html body .product-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#f2a14b,#f4c77e);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}html body .product-card:hover{transform:translateY(-5px);border-color:#d8e2ed;box-shadow:0 18px 36px #1e34501c}html body .product-card:hover:after{transform:scaleX(1)}html body .product-icon,html body .product-form-icon{border-radius:15px;box-shadow:inset 0 0 0 1px #ffffffa6}html body .service-page-grid{gap:22px}html body .product-form,html body .product-info,html body .aeps-card{padding:clamp(22px,3vw,32px)}html body .product-form-heading{margin-bottom:27px}html body .product-field input,html body .product-field select,html body .aeps-input,html body .ledger-search input,html body .cc-search input,html body .login-form input,html body .register-form input{border:1px solid #dce5ef;border-radius:11px;background:#fbfcfe;color:#24364d}html body .product-field input:focus,html body .product-field select:focus,html body .aeps-input:focus,html body .ledger-search input:focus,html body .login-form input:focus,html body .register-form input:focus{border-color:#e3a454;outline:3px solid rgb(227 164 84 / 16%)}html body .product-primary,html body .aeps-button{background:linear-gradient(100deg,#f3ad5c,#f7c16f);color:#29374a}html body .product-info{background:linear-gradient(145deg,#fff,#f8fafc)}html body .product-pill{border:1px solid #f0dfc8;color:#9b642e;background:#fff8ec}html body .product-back{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #e1e8f0;border-radius:999px;background:#fff;color:#66788e}html body .product-back:hover{border-color:#e6bd86;color:#9a622b;transform:translate(-2px)}html body .account-sidebar{border-radius:0 22px 22px 0;box-shadow:18px 0 55px #10223938}html body .account-sidebar::backdrop{background:#0c192b87;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}html body .sidebar-close{border-radius:13px}html body .sidebar-avatar{border-radius:15px;background:linear-gradient(145deg,#fff2dd,#ffe4bd)}html body .sidebar-links a{border-radius:12px;transition:background .18s ease,transform .18s ease}html body .sidebar-links a:hover{transform:translate(3px);background:#f5f7fa}html body .sidebar-links a.active{background:#fff5e9;color:#9d6125;box-shadow:inset 3px 0 #efa248}html body .sidebar-links a span{display:inline-grid;place-items:center;width:22px;color:#9b6d3a;font-size:17px}html body .ledger-page{animation:premium-enter .42s ease both}html body .balance-card,html body .stat-card{border-radius:18px;box-shadow:0 12px 28px #1e345012}html body .balance-card{background:linear-gradient(135deg,#19314d,#315778)}html body .stat-card{border:1px solid #e4eaf1;background:#fff}html body .ledger-toolbar{border:1px solid #e5ebf2;border-radius:16px;background:#fff;box-shadow:0 8px 22px #1e34500d}html body .transactions{padding:12px 22px}html body .transaction-icon{border-radius:13px}html body .aeps-tabs{border-radius:14px;background:#eaf0f6;padding:5px}html body .aeps-tabs button{border-radius:10px}html body .aeps-table-wrap{border:1px solid #e3eaf2;border-radius:16px;box-shadow:0 8px 22px #1e34500d}html body .aeps-table th{background:#f4f7fa;color:#65758a}html body .login-page{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);background:#f3f6fa}html body .login-story{display:flex;min-width:0;min-height:100svh;background:radial-gradient(circle at 78% 25%,rgb(247 174 93 / 22%),transparent 26%),linear-gradient(145deg,#152943,#29496a)}html body .login-panel{display:flex;min-width:0;padding:32px clamp(24px,5vw,72px)}html body .login-form-wrap{width:100%;max-width:440px;margin:auto}html body .login-form{display:flex;flex-direction:column;gap:20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}html body .login-field input{width:100%;min-height:54px;padding:14px 16px;border:1px solid #dce5ef;border-radius:11px;background:#fbfcfe;color:#24364d}html body .login-password-wrap input{padding-right:78px}html body .login-submit{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:12px;background:linear-gradient(100deg,#efa04d,#f5bd68);box-shadow:0 8px 18px #e48c3e2b}html body .login-signoff{align-self:flex-end}@media(max-width:650px){html body .login-page{grid-template-columns:minmax(0,1fr)}html body .login-story{min-height:250px;padding:24px}html body .login-panel{padding:22px 24px 25px}html body .login-form-wrap{max-width:520px;padding:30px 0 40px}}html body .hero{min-height:min(790px,calc(100svh - 78px))}html body .hero-content{max-width:850px}html body .hero h1{text-shadow:0 5px 32px rgb(0 0 0 / 18%)}html body .primary-button{padding:17px 23px}html body .services{padding-top:78px;padding-bottom:82px}html body .service{transition:transform .22s ease}html body .service:hover{transform:translateY(-4px)}html body .service-number{display:inline-grid;place-items:center;min-width:34px;height:30px;border-radius:999px;background:#fff3e3;color:#9b632c}@keyframes premium-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){html body .navbar{min-height:72px}html body .account-main{padding-top:34px}html body .services{padding-top:52px}}@media(max-width:560px){html body .navbar{padding:13px 5%}html body .account-main{padding:28px 5%}html body .dashboard-banner{border-radius:19px}html body .dashboard-date{font-size:11px}html body .transactions{padding:9px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html body .home-services-link{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:13px 17px;border:1px solid #e4eaf1;border-radius:12px;background:#fff;color:#8f602f;font-size:13px;font-weight:700}html body .home-services-link,html body .about-cta>a{border-color:transparent;background:linear-gradient(120deg,#f2813e,#ffad56);color:#fff;box-shadow:0 9px 22px #df73322b}html body .dashboard-add,html body .product-primary,html body .primary-button,html body .login-submit,html body .partner-qr-primary,html body .static-qr-primary,html body .bbps-primary,html body .merchant-submit{border-color:transparent;background:linear-gradient(120deg,#f2813e,#ffad56);color:#fff;box-shadow:0 10px 24px #df733233}html body .dashboard-add:hover,html body .product-primary:hover,html body .primary-button:hover,html body .login-submit:hover,html body .partner-qr-primary:hover,html body .static-qr-primary:hover,html body .bbps-primary:hover,html body .merchant-submit:hover{background:linear-gradient(120deg,#e86e31,#f49a43);transform:translateY(-2px)}html body .home-services-link:hover{transform:translateY(-2px);border-color:#e2c49e;box-shadow:0 9px 22px #1d304b12}html body footer nav{display:flex;gap:20px;margin-left:auto}html body footer nav a{color:#64748a;font-size:12px;font-weight:700}html body footer nav a:hover{color:#a66d32}@media(max-width:700px){html body footer nav{order:3;width:100%;margin-left:0;justify-content:space-between}}
