:root{--ink:#152339;--muted:#718099;--line:#e5ebf3;--bg:#f5f7fb;--blue:#17355f;--teal:#1ac4ad;--primary:#17355f;--accent:#1ac4ad;--provider:#d12053}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Noto Sans Bengali","Hind Siliguri",Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{outline:none}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #85ccff;outline-offset:2px}button, a { -webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}small{line-height:1.5}b,strong{font-weight:750}.app{min-height:100dvh}.container{width:min(1100px,calc(100% - 32px));margin:auto}.topbar{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.topbar-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:20px;font-weight:850;letter-spacing:-.6px}.mark{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(135deg,#1e467c,#08172f);border-radius:12px;color:#fff;position:relative;box-shadow:0 8px 18px #12294b30;font-weight:950}.mark i{font-style:normal;color:#44dbc2;font-size:12px;position:absolute;right:4px;top:4px}.nav{display:flex;align-items:center;gap:9px}.btn{background:#fff;border:1px solid #dbe3ee;border-radius:12px;padding:11px 15px;font-weight:750;color:#233d64;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s;min-height:44px}.btn:hover{box-shadow:0 6px 18px #17355f16;transform:translateY(-1px);text-decoration:none}.btn.primary{background:var(--primary);border-color:var(--primary);color:white}.btn.teal{background:#0e9d91;border-color:#0e9d91;color:white}.btn.danger{background:#fff1f1;color:#ba2635;border-color:#ffdddd}.btn.small{padding:7px 10px;min-height:34px;font-size:12px}.btn.full{width:100%}.btn.ghost{background:transparent;color:#64748b;border-color:transparent}.btn.outline{background:#fff;color:var(--primary)}.hero{padding:76px 0 82px;background:radial-gradient(ellipse at 85% 10%,#d0edff 0,transparent 45%),radial-gradient(ellipse at 15% 90%,#dbf8ee 0,transparent 38%),#f7faff}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#148b87;font-weight:850}.hero h1{font-size:clamp(35px,4.7vw,64px);line-height:1.12;letter-spacing:-1.7px;margin:16px 0 20px}.hero h1 span{color:#137ca4}.hero p{line-height:1.85;color:#516179;max-width:610px;font-size:16px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #d7e7e7;color:#457981;font-size:12px;font-weight:700;border-radius:99px;padding:7px 11px;background:#effbfa}.pill.warn{color:#a26706;border-color:#ffe3ad;background:#fff8e8}.pill.ok{color:#118062;border-color:#c7eddf;background:#ecfbf5}.pill.bad{color:#b13b42;border-color:#f8cdd0;background:#fff2f2}.hero-art{background:linear-gradient(135deg,#143761,#0a1731);border-radius:28px;padding:24px;color:white;box-shadow:0 25px 54px #14376135;position:relative}.hero-art .art-inset{background:#fff;border-radius:18px;color:var(--ink);padding:17px}.hero-art .art-gradient{height:90px;background:linear-gradient(120deg,#f3f8ff,#eafcf8);border-radius:16px;padding:17px;display:flex;justify-content:space-between;align-items:center}.hero-art .art-label{font-size:11px;color:#668}.hero-art .art-price{font-size:30px;font-weight:850;letter-spacing:-.7px}.art-badges{display:flex;gap:7px;justify-content:center;padding:18px 0 0}.art-badges span{padding:9px;border-radius:10px;background:#ffffff20;font-weight:800;font-size:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:38px 0}.feature{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px}.feature b{display:block;margin:9px 0}.feature p{font-size:13px;color:#65738a;line-height:1.7;margin:0}.feature-icon{width:42px;height:42px;border-radius:13px;background:#e8f5ff;color:#124f80;display:grid;place-items:center;font-size:21px}.footer{padding:28px 0;color:#7b879b;font-size:12px;text-align:center}.dashboard{padding:28px 0 70px}.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.dashboard-head h1{font-size:28px;letter-spacing:-.6px;margin:5px 0}.tabs{display:flex;overflow:auto;gap:6px;border-bottom:1px solid #dce5ee;margin:18px 0 24px;scrollbar-width:none}.tabs button{border:0;background:transparent;color:#697991;font-weight:800;padding:13px 16px;white-space:nowrap;border-bottom:3px solid transparent}.tabs button.selected{border-bottom-color:#173e70;color:#143761}.layout{display:grid;grid-template-columns:1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 5px 20px #1d365008}.panel h2{font-size:19px;margin-bottom:5px;letter-spacing:-.3px}.sub{color:#74829a;font-size:13px;line-height:1.7;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:750;font-size:12px;color:#44546e}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #dae4ef;border-radius:10px;background:#fff;min-height:44px;color:#1f3047}.field input[type=color]{padding:4px;width:100%;height:46px;cursor:pointer}.field textarea{min-height:95px;resize:vertical}.wide{grid-column:1/-1}.help{font-size:11px;color:#7a8799;line-height:1.6}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.stat span{font-size:12px;color:#73839a}.stat strong{display:block;font-size:27px;margin:7px 0}.stat small{color:#96a2b1}.table-wrap{width:100%;overflow:auto;border:1px solid #ebeff5;border-radius:12px}.table{border-collapse:collapse;width:100%;min-width:650px;font-size:12px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #eef2f6;vertical-align:middle}.table th{color:#70809a;background:#f8fafd;font-size:11px}.table tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all}.note{border:1px solid #daebf6;background:#f2f9ff;padding:13px 15px;border-radius:12px;font-size:12px;color:#3d5d7b;line-height:1.75}.note.warning{border-color:#f6dfb3;background:#fff8eb;color:#88621b}.note.danger{border-color:#fad3d4;background:#fff4f4;color:#94424a}.empty{text-align:center;padding:45px 15px;color:#8290a3}.empty .symbol{font-size:34px;margin-bottom:8px}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.mt{margin-top:20px}.mb{margin-bottom:20px}.space-y>*+*{margin-top:16px}.rule{border:0;border-top:1px solid var(--line);margin:21px 0}.auth-card{max-width:420px;margin:50px auto 90px}.auth-logo{text-align:center;margin:25px 0}.checkout-outer{min-height:100dvh;background:radial-gradient(circle at 14% 14%,#d9eeff,transparent 33%),radial-gradient(circle at 90% 87%,#d6f5f0,transparent 33%),#f3f6fb;display:grid;place-items:center;padding:24px 12px}.checkout-card{width:100%;max-width:458px;overflow:hidden;border-radius:23px;background:#fff;box-shadow:0 20px 60px #102f5930;border:1px solid #e9edf5}.checkout-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #edf1f5}.secure-dot{display:inline-block;background:#12c193;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #d6faef;margin-right:8px}.checkout-body{padding:20px 22px}.seller-summary{display:flex;gap:13px;align-items:center;justify-content:space-between;background:#f5f8fc;padding:15px;border-radius:14px;margin-bottom:18px}.seller-ava{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px;width:41px;height:41px;flex:none;display:grid;place-items:center;color:#fff;font-weight:850}.seller-summary .name{font-weight:850;font-size:13px;margin-top:4px;max-width:190px;overflow-wrap:anywhere}.seller-summary .amount{font-size:21px;font-weight:900;white-space:nowrap}.method-label{font-size:11px;letter-spacing:1px;color:#7a88a0;font-weight:850;margin:22px 0 10px}.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:11px}.pay-method{border:2px solid #e9edf5;background:#fff;border-radius:14px;padding:17px 9px;min-height:94px;text-align:center;display:grid;place-items:center;transition:.2s}.pay-method:hover{border-color:var(--accent);background:#f6fbff}.pay-method .provider-name{font-size:22px;font-weight:900;letter-spacing:-.6px}.pay-method small{color:#9aa6b3;font-size:11px;display:block}.pay-method.bkash .provider-name{color:#d12053}.pay-method.nagad .provider-name{color:#ec3f2d}.pay-method.rocket .provider-name{color:#8c3494}.pay-method.card .provider-name{color:#182d6f}.checkout-bottom{border-top:1px solid #eef1f6;background:#f9fafc;text-align:center;padding:14px 16px;font-size:11px;color:#8a96a9}.provider-band{text-align:center;background:var(--provider);color:#fff;padding:14px;border-radius:13px;font-size:22px;font-weight:900;margin:0 0 14px}.instruction{background:var(--provider);color:#fff;border-radius:18px;padding:19px 17px;box-shadow:0 14px 23px color-mix(in srgb,var(--provider) 20%,transparent)}.instruction h2{text-align:center;font-size:18px;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid #ffffff40}.instruction input{width:100%;background:#fff;border:0;border-radius:10px;padding:15px 12px;text-align:center;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#182d44;margin-bottom:14px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:13px}.steps li{display:flex;gap:9px;align-items:flex-start;line-height:1.75}.step-dot{border-radius:50%;background:#ffffff32;width:19px;height:19px;flex:none;text-align:center;font-size:11px;margin-top:1px}.number-row{display:flex;gap:7px;align-items:center;justify-content:space-between;background:#00000025;border:1px solid #ffffff2f;border-radius:10px;padding:10px}.number-row strong{color:#fff59b;letter-spacing:.6px;font-size:16px}.copy{background:#ffffff28;border:1px solid #ffffff50;border-radius:8px;color:#fff;font-weight:800;padding:7px 10px}.verify{width:100%;margin-top:15px;border:0;background:var(--provider);color:#fff;font-size:15px;font-weight:850;padding:15px;border-radius:12px;box-shadow:0 8px 18px #24354d22}.success-mark{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#ddf9ee;color:#06916d;font-size:39px;margin:17px auto}.waiting-mark{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#fff2d7;color:#b3780f;font-size:39px;margin:17px auto}.center{text-align:center}.receipt{background:#f7f9fd;border:1px solid #e6edf5;border-radius:13px;margin:20px 0;padding:15px;font-size:12px}.receipt .entry{display:flex;justify-content:space-between;gap:10px;padding:7px 0}.receipt .entry span:first-child{color:#8390a2}.receipt .entry span:last-child{font-weight:800;overflow-wrap:anywhere}.toast{position:fixed;z-index:100;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 30px));background:#182a42;color:#fff;box-shadow:0 15px 45px #10204045;padding:15px;border-radius:12px;line-height:1.6;font-size:13px}.pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:13px;padding:17px;background:#f8fbfe;color:#36506a;font-size:11px;line-height:1.75;overflow:auto}.checkout-outer.embed{padding:0;background:transparent;min-height:100dvh}.checkout-outer.embed .checkout-card{max-width:500px;min-height:100dvh;border-radius:0;box-shadow:none}.load-page{min-height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#728098;gap:13px}.loader{width:35px;height:35px;border:3px solid #e5eaf3;border-top-color:#1aa6b6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero{padding:54px 0}.features{grid-template-columns:1fr}.hero-art{max-width:480px}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
@media(max-width:520px){.container{width:min(100% - 24px,1100px)}.topbar-inner{min-height:65px}.brand{font-size:17px}.mark{width:35px;height:35px}.hero h1{font-size:37px}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.dashboard-head h1{font-size:23px}.checkout-outer{padding:9px}.checkout-card{border-radius:18px}.checkout-top{padding:15px 17px}.checkout-body{padding:17px}.seller-summary{gap:7px}.seller-summary .amount{font-size:19px}.seller-summary .name{max-width:150px}.instruction{padding:15px 13px}.number-row{flex-wrap:wrap}.btn.mobile-small{font-size:12px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}