:root{--navy:#041725;--navy2:#082e40;--green:#00d69a;--green2:#0ba66d;--gold:#ffd34d;--ink:#142535;--muted:#6b7c8d}*{box-sizing:border-box}body{margin:0;background:#f3f7f9;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.top-strip{background:#03131f;color:#b9d4d9;font-size:.82rem;padding:7px 0;border-bottom:1px solid #174858}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00e69c;box-shadow:0 0 10px #00e69c;margin-right:7px}.main-nav{background:linear-gradient(100deg,#061b2a,#083b4b);border-bottom:2px solid #00c995;padding:13px 0}.navbar-brand{font-size:1.45rem;font-weight:900;letter-spacing:-.5px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;background:linear-gradient(145deg,#16d59b,#08795c);border:2px solid #b2ffe3;border-radius:11px;color:white;margin-right:7px}.brand-gold{color:var(--gold)}.nav-link{color:#e4f1f3!important;font-weight:600}.nav-link:hover{color:var(--green)!important}.btn-gold{background:linear-gradient(135deg,#ffe36c,#ffbf21);border:0;color:#171717;font-weight:800;box-shadow:0 5px 16px #ffcb3540}.page-wrap{min-height:70vh;padding-top:28px;padding-bottom:50px}.hero-shell{background:#041c2b;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px #05283c22}.hero-slide{position:relative;display:none}.hero-slide.active{display:block}.hero-slide img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block}.hero-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:25px;background:linear-gradient(90deg,#00131c88,transparent 75%);pointer-events:none}.hero-caption{max-width:520px;color:#fff;text-shadow:0 2px 10px #001}.hero-caption h1{font-size:clamp(1.5rem,3.2vw,3.1rem);font-weight:900}.hero-caption p{font-size:1.05rem}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#001c2acc;color:#fff;width:42px;height:42px;border-radius:50%;font-size:24px;z-index:5}.carousel-control.prev{left:14px}.carousel-control.next{right:14px}.carousel-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:6}.carousel-dots button{border:0;width:9px;height:9px;border-radius:50%;background:#ffffff80;padding:0}.carousel-dots button.active{background:var(--gold);width:25px;border-radius:8px}.section-title{font-weight:900;color:#0a2b3a;letter-spacing:-.5px}.section-sub{color:var(--muted)}.feature-card,.panel,.stat-card{background:#fff;border:1px solid #e1ebef;border-radius:17px;padding:22px;box-shadow:0 9px 25px #102b3b0b}.feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#e7fbf3;color:#00865f;font-size:22px;margin-bottom:12px}.stat-label{font-size:.88rem;color:var(--muted)}.stat-value{font-size:1.65rem;font-weight:900;color:#0b3444}.panel h2,.panel h3{font-weight:850}.form-control,.form-select{padding:.72rem;border-color:#d6e1e7}.form-control:focus{border-color:#00b982;box-shadow:0 0 0 .2rem #00b98220}.btn-success{background:#07976b;border-color:#07976b}.btn-success:hover{background:#057b58}.table{vertical-align:middle}.table thead th{white-space:nowrap;color:#526778;font-size:.85rem}.muted,.small-note{color:var(--muted)}.small-note{font-size:.85rem}.status{display:inline-block;border-radius:30px;padding:4px 10px;font-size:.78rem;font-weight:800;background:#edf2f5;color:#4b5c68}.status-approved,.status-completed,.status-eligible,.status-paid{background:#e0f8ed;color:#087b52}.status-pending{background:#fff4d6;color:#8a5b00}.status-rejected,.status-blocked{background:#ffe8e8;color:#a32b2b}.eligibility-card{border:1px solid #b8ead5;background:linear-gradient(120deg,#f2fff9,#fff);border-radius:16px;padding:18px;height:100%}.eligibility-card h5{font-weight:850;color:#087b58}.tree-node{display:inline-block;min-width:110px;padding:10px 12px;border:1px solid #a9e7d1;background:#effcf6;border-radius:12px;font-weight:700}.tree-line{height:22px;width:1px;border-left:2px solid #a9e7d1;margin:auto}.tree-branch{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.site-footer{background:#041725;color:#c4d5da;padding:23px 0;font-size:.85rem}.info-banner{border-left:4px solid var(--green);background:#eafff6;padding:14px 16px;border-radius:8px;color:#245646}.login-wrap{max-width:580px;margin:20px auto}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.admin-nav a{border-radius:30px;padding:8px 13px;background:#e8f4f0;text-decoration:none;color:#075d45;font-weight:700;font-size:.86rem}.admin-nav a:hover{background:#c9f4e3}@media(max-width:767px){.hero-slide img{aspect-ratio:4/5;object-fit:cover}.hero-overlay{padding:16px;background:linear-gradient(0deg,#00131c99,transparent 70%)}.hero-caption{max-width:90%}.hero-caption p{font-size:.88rem}.feature-card,.panel{padding:17px}.top-strip{font-size:.72rem}}

/* v4: carousel and admin dashboard refinements */
.hero-shell{position:relative}
.hero-slide{width:100%}
.hero-slide:not(.active){display:none!important}
.hero-slide.active{display:block!important}
.hero-slide img{min-height:260px}
.carousel-control{display:grid;place-items:center;line-height:1;cursor:pointer;box-shadow:0 4px 16px #00131c55}
.carousel-control:focus-visible,.carousel-dots button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.carousel-dots button{cursor:pointer}
.admin-nav{padding:10px;background:#fff;border:1px solid #e1ebef;border-radius:14px;box-shadow:0 5px 18px #102b3b0a}
.admin-nav a{display:inline-flex;align-items:center;gap:6px;transition:background .2s,transform .2s}
.admin-nav a:hover{transform:translateY(-1px)}
.stat-card{height:100%;border-top:3px solid var(--green)}
.panel{margin-bottom:18px}
@media(max-width:767px){.hero-slide img{min-height:300px}.carousel-control{width:36px;height:36px}.carousel-control.prev{left:8px}.carousel-control.next{right:8px}}


/* =========================================================
   USDT BuySell visual refresh v8 — colorful, dense, responsive
   ========================================================= */
:root{--navy:#031a2a;--navy2:#07364a;--teal:#00d6a0;--green:#05a96f;--gold:#ffd34f;--ink:#102b3c;--muted:#65798a;--line:#dce8ee}
body{background:linear-gradient(180deg,#edf5f7 0%,#f8fbfc 42%,#eef5f8 100%);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.top-strip{background:linear-gradient(90deg,#032235,#075d4a);color:#dffbf1;padding:7px 0;font-size:.78rem;border-bottom:1px solid #13d49d}
.top-strip strong{color:#ffe16a}.top-sep{opacity:.4;margin:0 8px}
.main-nav{background:linear-gradient(105deg,#031a2b,#06465a 65%,#06372f);border-bottom:3px solid #08c58d;padding:10px 0;box-shadow:0 8px 22px #052d3b22}
.navbar-brand{font-size:1.35rem;font-weight:950;letter-spacing:-.5px;display:flex;align-items:center}
.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;background:linear-gradient(145deg,#20e3ae,#008b68);border:2px solid #c4ffea;border-radius:11px;color:#fff;margin-right:8px;box-shadow:0 0 18px #00d69a55}
.brand-gold{color:#ffdc58}.brand-sub{font-size:.58rem;display:block;margin-left:9px;color:#9dc5ca;font-weight:500;letter-spacing:.2px}
.main-nav .nav-link{font-size:.88rem;padding:9px 12px!important;color:#e7f6f6!important;font-weight:700;border-radius:9px}
.main-nav .nav-link:hover{background:#ffffff18;color:#8fffd5!important}
.btn-gold{background:linear-gradient(135deg,#ffe979,#ffbd24);border:1px solid #ffdb61;color:#17232b!important;font-weight:900;border-radius:10px;box-shadow:0 6px 18px #ffc52c38}
.btn-gold:hover{filter:brightness(1.04);transform:translateY(-1px)}
.page-wrap{min-height:70vh;padding-top:24px;padding-bottom:48px}
.section-kicker{display:inline-block;color:#078d67;font-size:.72rem;font-weight:900;letter-spacing:1.6px;margin-bottom:7px}
.section-title{font-weight:950;color:#092d41;letter-spacing:-.7px}
.section-sub{color:#64798a;line-height:1.65}
.text-gradient{background:linear-gradient(90deg,#078a68,#09a9bb,#e2a51b);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}
.section-link,.text-link{font-weight:800;color:#078b67;text-decoration:none;white-space:nowrap}
.section-link:hover,.text-link:hover{color:#075b4d}
.hero-shell{position:relative;background:#031a2b;border:1px solid #0e7a75;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px #062d3c28;margin-bottom:34px!important}
.hero-track{position:relative}
.hero-slide{display:none;position:relative;width:100%;overflow:hidden}
.hero-slide.active{display:block;animation:heroFade .55s ease}
.hero-slide img{width:100%;height:auto;aspect-ratio:1600/680;object-fit:cover;display:block}
@keyframes heroFade{from{opacity:.45;transform:scale(1.008)}to{opacity:1;transform:scale(1)}}
.slide-label{position:absolute;left:24px;bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 13px;border-radius:12px;background:linear-gradient(90deg,#001d2ddd,#001d2d99);border:1px solid #b2fff044;color:white;box-shadow:0 8px 24px #00131c66}
.slide-label span{font-size:.96rem;font-weight:900}.slide-label small{font-size:.75rem;color:#d6f2f0}
.carousel-control{position:absolute;top:50%;transform:translateY(-50%);z-index:7;border:1px solid #c8fff477;background:#031d2cbb;color:#fff;width:46px;height:46px;border-radius:50%;font-size:30px;display:grid;place-items:center;line-height:1;cursor:pointer;box-shadow:0 5px 18px #00131c66;transition:.2s}
.carousel-control:hover{background:#00a879;transform:translateY(-50%) scale(1.08)}
.carousel-control.prev{left:15px}.carousel-control.next{right:15px}
.carousel-dots{position:absolute;z-index:8;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:7px 12px;border-radius:30px;background:#001b2a99}
.carousel-dots button{border:0;width:9px;height:9px;border-radius:20px;background:#ffffff88;padding:0;cursor:pointer;transition:.25s}
.carousel-dots button.active{width:27px;background:#ffda4e}
.quick-highlights{margin-top:-4px}
.highlight-card{height:100%;display:flex;align-items:center;gap:13px;padding:15px;border-radius:15px;background:white;border:1px solid #e0eaf0;box-shadow:0 8px 20px #183a4b0d}
.highlight-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;font-size:24px}
.highlight-card strong{display:block;font-weight:900;color:#153548}.highlight-card small{display:block;font-size:.75rem;color:#6a7e8c;margin-top:3px}
.highlight-green .highlight-icon{background:#dcfff0}.highlight-blue .highlight-icon{background:#e1f2ff}.highlight-purple .highlight-icon{background:#f1e8ff}.highlight-orange .highlight-icon{background:#fff0d9}
.image-feature-link{display:block;position:relative;border-radius:20px;overflow:hidden;border:5px solid #fff;box-shadow:0 12px 28px #0b32451c}
.image-feature{width:100%;height:310px;object-fit:cover;display:block;transition:transform .4s}
.image-feature-link:hover .image-feature{transform:scale(1.035)}
.image-feature-link span{position:absolute;bottom:14px;right:14px;padding:9px 14px;border-radius:10px;background:#032b3bdc;color:white;font-weight:800;font-size:.82rem}
.btn-primary-gradient{background:linear-gradient(100deg,#078c69,#0a7899);color:#fff;border:0;border-radius:10px;padding:11px 18px;font-weight:800;box-shadow:0 8px 20px #087c6b33}
.btn-primary-gradient:hover{color:white;filter:brightness(1.08)}
.feature-card{position:relative;border:1px solid #e0eaf0;border-radius:17px;padding:21px;background:#fff;box-shadow:0 8px 20px #1235480c;transition:transform .22s,box-shadow .22s;overflow:hidden}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px #12354818}
.feature-card h5{font-weight:900;color:#16364a}.feature-card p{font-size:.86rem;color:#64798a;line-height:1.6}
.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;font-size:23px;font-weight:900;margin-bottom:13px;background:#e5fff4;color:#00865f}
.color-tile:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;right:-38px;top:-42px;background:#ffffff65}
.tile-blue{background:linear-gradient(145deg,#f2f9ff,#fff);border-top:4px solid #3296e8}.tile-blue .feature-icon{background:#dcefff;color:#1976cb}
.tile-green{background:linear-gradient(145deg,#effff7,#fff);border-top:4px solid #16b77b}.tile-green .feature-icon{background:#d7ffed;color:#079566}
.tile-orange{background:linear-gradient(145deg,#fff8eb,#fff);border-top:4px solid #f1a42c}.tile-orange .feature-icon{background:#ffedcf;color:#c87a00}
.tile-purple{background:linear-gradient(145deg,#f7f1ff,#fff);border-top:4px solid #9562e8}.tile-purple .feature-icon{background:#eadfff;color:#7641c7}
.tile-pink{background:linear-gradient(145deg,#fff1f7,#fff);border-top:4px solid #e66ca4}.tile-pink .feature-icon{background:#ffe0ef;color:#c43d7d}
.tile-cyan{background:linear-gradient(145deg,#edfcff,#fff);border-top:4px solid #21b4c8}.tile-cyan .feature-icon{background:#d8f9ff;color:#087f98}
.tile-more{display:inline-block;margin-top:13px;color:#087d64;font-weight:900;font-size:.78rem}
.how-section{padding:28px 25px;border-radius:22px;background:linear-gradient(120deg,#e7f9f5,#f5f8ff 55%,#fff7e8);border:1px solid #d8e9e9}
.step-card{height:100%;border-radius:15px;padding:18px;background:#fff;border:1px solid #e2ebef;box-shadow:0 7px 18px #1235480a}
.step-number{font-size:1.75rem;font-weight:950;margin-bottom:8px}
.step-card h5{font-weight:900}.step-card p{margin:0;color:#6b7f8c;font-size:.82rem;line-height:1.55}
.step-green .step-number{color:#08a96f}.step-blue .step-number{color:#268bd6}.step-purple .step-number{color:#8551ce}.step-orange .step-number{color:#d88713}
.gallery-card{display:block;border-radius:17px;overflow:hidden;background:white;border:1px solid #dfe9ed;box-shadow:0 8px 22px #153b4d12;text-decoration:none;color:#143448}
.gallery-card img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .4s}
.gallery-card:hover img{transform:scale(1.05)}
.gallery-card span{display:flex;justify-content:space-between;padding:12px 15px;font-weight:900}
.gallery-card b{color:#0a9b70}
.notice-panel{display:flex;gap:13px;padding:16px 18px;border-radius:15px;background:linear-gradient(100deg,#e7fff4,#effaff);border:1px solid #c9eee1;color:#285a4e}
.notice-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#0aa878;color:white;font-weight:900}
.notice-panel strong{font-weight:950}.notice-panel p{font-size:.84rem;margin-top:4px;line-height:1.55}
.details-hero,.gallery-hero{padding:34px;border-radius:20px;background:linear-gradient(115deg,#052b3d,#07614f 58%,#0c3b66);color:white;box-shadow:0 15px 35px #0a394327}
.details-hero h1,.gallery-hero h1{font-weight:950;font-size:clamp(2rem,4vw,3.2rem)}.details-hero p,.gallery-hero p{max-width:720px;color:#d5efeb}
.details-hero .section-kicker,.gallery-hero .section-kicker{color:#85f5ce}
.details-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}
.details-index{position:sticky;top:18px;padding:18px;border-radius:17px;background:linear-gradient(160deg,#062a3e,#064f4a);color:white;box-shadow:0 10px 24px #12394b20}
.details-index h5{font-weight:900;margin-bottom:13px}.details-index a{display:block;padding:10px 8px;border-top:1px solid #ffffff22;color:#d8f5ee;text-decoration:none;font-size:.82rem;font-weight:700}
.details-index a:hover{color:#ffe16b;padding-left:12px}
.detail-block{display:grid;grid-template-columns:minmax(220px,38%) minmax(0,1fr);gap:20px;padding:15px;margin-bottom:18px;background:white;border:1px solid #e0eaf0;border-radius:18px;box-shadow:0 8px 22px #14394a0c;scroll-margin-top:20px}
.detail-image{border-radius:13px;overflow:hidden;background:#eaf2f5;min-height:185px}.detail-image img{width:100%;height:100%;min-height:185px;object-fit:cover}
.detail-copy{padding:10px 8px}.detail-copy h2{font-size:1.35rem;font-weight:950;color:#10364a}.detail-copy p{color:#627989;line-height:1.7;font-size:.9rem}
.gallery-grid{margin-bottom:20px}.gallery-item{display:block;text-decoration:none;color:inherit;background:white;border:1px solid #e0eaf0;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #12354810;height:100%;transition:.22s}
.gallery-item:hover{transform:translateY(-4px);box-shadow:0 16px 30px #1235481d}
.gallery-img{height:245px;position:relative;overflow:hidden;background:#eaf2f5}.gallery-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-item:hover .gallery-img img{transform:scale(1.05)}
.gallery-zoom{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#00a976;color:white;font-size:22px}
.gallery-caption{padding:15px}.gallery-caption small{color:#078c69;font-weight:900;letter-spacing:1px}.gallery-caption h5{font-weight:950;margin:5px 0}.gallery-caption p{font-size:.82rem;color:#687d8a;margin:0}
.site-footer{background:linear-gradient(90deg,#031a2a,#064454);color:#c4dbe0;padding:22px 0;font-size:.83rem;border-top:3px solid #09bb87}
.form-control,.form-select{border:1px solid #d5e2e8;border-radius:10px;padding:.72rem}
.form-control:focus,.form-select:focus{border-color:#08b884;box-shadow:0 0 0 .2rem #08b88420}
.table{vertical-align:middle}.table thead th{white-space:nowrap;color:#567080;font-size:.82rem}
.status{display:inline-block;border-radius:30px;padding:5px 10px;font-size:.72rem;font-weight:900;white-space:nowrap}
.status-approved,.status-completed,.status-eligible,.status-paid{background:#ddf9eb;color:#087b52}
.status-pending{background:#fff2d4;color:#916000}.status-rejected,.status-blocked{background:#ffe6e8;color:#a32b2b}
.info-banner{border-left:4px solid #09b57b;background:#eafff6;padding:14px 16px;border-radius:9px;color:#245646}
.admin-nav{display:none!important}

/* Admin app shell */
.admin-layout{display:flex;min-height:calc(100vh - 110px);background:#eef4f7}
.admin-sidebar{width:245px;flex:0 0 245px;padding:22px 14px;background:linear-gradient(180deg,#05273a,#063f48 70%,#052b3b);color:#e9fffa;box-shadow:7px 0 25px #082b3c18}
.sidebar-heading{font-size:.67rem;letter-spacing:1.5px;font-weight:950;color:#79cbb7;padding:9px 13px}
.admin-sidebar a{display:flex;align-items:center;gap:12px;padding:11px 13px;margin:4px 0;border-radius:10px;text-decoration:none;color:#d9eeec;font-weight:750;font-size:.86rem;transition:.2s}
.admin-sidebar a span{width:23px;text-align:center;font-size:1.1rem;color:#7ff3cb}
.admin-sidebar a:hover,.admin-sidebar a.active{background:linear-gradient(90deg,#08a86e,#087e75);color:white;box-shadow:0 6px 16px #00b98533}
.admin-sidebar a.active span{color:#fff}.admin-sidebar .sidebar-logout{margin-top:16px;background:#7c263d55;color:#ffdce4}
.admin-main{min-width:0;flex:1}.admin-page-wrap{padding:28px clamp(16px,3vw,42px);min-height:calc(100vh - 170px);width:100%;max-width:1600px;margin:auto}
.admin-welcome,.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.admin-welcome h1,.dashboard-welcome h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:950;margin:0;color:#103449}
.admin-welcome p,.dashboard-welcome p{color:#718492;margin:5px 0 0}
.admin-stat{position:relative;overflow:hidden;padding:18px;border-radius:17px;color:white;min-height:145px;box-shadow:0 10px 24px #143a4b20}
.admin-stat:after{content:"";position:absolute;width:120px;height:120px;border:20px solid #ffffff20;border-radius:50%;right:-25px;bottom:-50px}
.admin-stat span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#ffffff28;font-size:22px;margin-bottom:10px}
.admin-stat small{display:block;color:#ffffffd9;font-weight:750}.admin-stat strong{display:block;font-size:1.9rem;font-weight:950}.admin-stat em{font-size:.7rem;font-style:normal;color:#ffffffc9}
.admin-stat-blue{background:linear-gradient(135deg,#1476c8,#174f9d)}.admin-stat-green{background:linear-gradient(135deg,#12b878,#087d62)}
.admin-stat-purple{background:linear-gradient(135deg,#9a55df,#5a37a8)}.admin-stat-orange{background:linear-gradient(135deg,#f4a42c,#dc641b)}
.admin-summary-card{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;border-radius:17px;color:white;box-shadow:0 10px 24px #143a4b18}
.admin-summary-card small,.admin-summary-card span{display:block;color:#ffffffd5}.admin-summary-card strong{display:block;font-size:1.55rem;font-weight:950;margin:4px 0}.admin-summary-card b{font-size:3rem;opacity:.45}
.summary-inr{background:linear-gradient(120deg,#087b64,#16b77c)}.summary-usdt{background:linear-gradient(120deg,#1673bd,#2341a4)}
.dashboard-panel{background:#fff;border:1px solid #dfe9ee;border-radius:17px;padding:19px;box-shadow:0 8px 22px #173b4d0d}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}
.panel-heading h4{font-size:1.08rem;font-weight:950;color:#13374a;margin:0}.panel-heading small{color:#7a8c97}.panel-heading a{font-size:.8rem;font-weight:850;color:#078a67;text-decoration:none}
.dashboard-table{font-size:.81rem}.dashboard-table td{color:#405b6b}.dashboard-table tbody tr:hover{background:#f2fbf7}
.admin-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-quick-grid a{min-height:86px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:13px;color:white;text-decoration:none;font-size:.79rem;font-weight:850;box-shadow:0 5px 14px #14394b14}
.admin-quick-grid b{font-size:1.4rem}.aq-purple{background:linear-gradient(135deg,#8b4bd5,#5734a7)}.aq-green{background:linear-gradient(135deg,#0bb978,#087d5a)}.aq-orange{background:linear-gradient(135deg,#f4a12b,#dc641d)}.aq-blue{background:linear-gradient(135deg,#2697db,#2360bb)}.aq-pink{background:linear-gradient(135deg,#e45d9b,#ad327e)}.aq-cyan{background:linear-gradient(135deg,#16b7c6,#087b98)}

/* Member dashboard */
.member-dashboard{display:grid;grid-template-columns:225px minmax(0,1fr);gap:20px;align-items:start}
.member-sidebar{background:linear-gradient(180deg,#05283b,#064b4a);padding:17px 13px;border-radius:18px;color:white;box-shadow:0 10px 25px #14394b20;position:sticky;top:16px}
.member-profile{text-align:center;padding:8px 6px 18px;border-bottom:1px solid #ffffff24;margin-bottom:12px}
.member-avatar{width:60px;height:60px;border-radius:50%;margin:0 auto 9px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe26b,#ff9e26);color:#073349;font-size:1.7rem;font-weight:950;border:3px solid #ffffff77}
.member-profile strong,.member-profile small{display:block}.member-profile small{color:#b8e8df;font-size:.75rem}.member-active{display:inline-block;margin-top:7px;padding:4px 9px;border-radius:20px;background:#0aa46f;font-size:.68rem;font-weight:850}
.member-sidebar>a{display:flex;align-items:center;gap:10px;padding:10px 11px;margin:4px 0;border-radius:10px;color:#d9f3ed;text-decoration:none;font-size:.82rem;font-weight:800}
.member-sidebar>a:hover,.member-sidebar>a.active{background:linear-gradient(90deg,#0eb47c,#087b73);color:white}.member-sidebar>a.member-logout{margin-top:14px;color:#ffbdc9;background:#8a2d4855}
.member-main{min-width:0}
.dashboard-stat{height:100%;min-height:135px;border-radius:16px;padding:15px;color:white;position:relative;overflow:hidden;box-shadow:0 9px 22px #153b4c1b}
.dashboard-stat>span{width:36px;height:36px;border-radius:11px;background:#ffffff30;display:grid;place-items:center;font-size:1.25rem;font-weight:950;margin-bottom:9px}
.dashboard-stat small{display:block;color:#ffffffdc;font-weight:800}.dashboard-stat strong{display:block;font-size:1.35rem;font-weight:950;overflow-wrap:anywhere}.dashboard-stat em{display:block;font-style:normal;font-size:.68rem;color:#ffffffc7}
.stat-purple{background:linear-gradient(135deg,#a34ce1,#5d3ba9)}.stat-green{background:linear-gradient(135deg,#0ab97b,#087a60)}.stat-blue{background:linear-gradient(135deg,#268ee0,#2156b5)}.stat-orange{background:linear-gradient(135deg,#f2a42b,#d9671c)}
.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;min-height:105px;padding:10px;border-radius:13px;color:white;text-decoration:none;box-shadow:0 5px 15px #173a4b15;transition:.2s}
.quick-action:hover{color:white;transform:translateY(-3px)}.quick-action b{font-size:1.55rem}.quick-action strong{font-size:.83rem}.quick-action small{font-size:.67rem;color:#ffffffdc}
.qa-green{background:linear-gradient(135deg,#0bb878,#087c5b)}.qa-blue{background:linear-gradient(135deg,#299be0,#2258b5)}.qa-purple{background:linear-gradient(135deg,#9b50dc,#5d39a6)}.qa-orange{background:linear-gradient(135deg,#f3a42a,#d9661b)}.qa-cyan{background:linear-gradient(135deg,#14b9c3,#087c95)}.qa-pink{background:linear-gradient(135deg,#e75e9d,#ad347c)}
.eligibility-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f3}.eligibility-row:last-of-type{border-bottom:0}
.eligibility-row>div{flex:1;min-width:0}.eligibility-row strong,.eligibility-row small{display:block}.eligibility-row strong{font-size:.84rem;color:#16384b}.eligibility-row small{font-size:.69rem;color:#80909a}
.elig-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-weight:950;font-size:1.2rem}.elig-icon.green{background:#ddfff0;color:#07875e}.elig-icon.purple{background:#f0e6ff;color:#7848c3}
.referral-box{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#e9faf3;border:1px dashed #91d7b9}
.referral-box span{font-size:.75rem;color:#557363}.referral-box strong{margin-left:auto;color:#087c5a;letter-spacing:.5px}.copy-ref{border:0;border-radius:8px;padding:5px 9px;background:#087f62;color:white;font-size:.7rem;font-weight:850}
.network-summary{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 5px}
.network-count{flex:1;text-align:center;padding:17px 10px;border-radius:13px}.network-count strong{display:block;font-size:1.5rem;font-weight:950}.network-count small{font-weight:800;font-size:.75rem}
.count-left{background:#e1f5ff;color:#176eaa}.count-right{background:#f3e9ff;color:#7746bd}
.network-root{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0cb77c,#087c5c);color:white;font-size:.72rem;font-weight:950;border:4px solid #d7f8e9}
.login-wrap{max-width:580px;margin:20px auto}.muted,.small-note{color:var(--muted)}.small-note{font-size:.83rem}
@media(max-width:1100px){.admin-sidebar{width:210px;flex-basis:210px}.member-dashboard{grid-template-columns:195px minmax(0,1fr)}}
@media(max-width:767px){
 .page-wrap{padding-top:15px;padding-bottom:30px}.top-strip{font-size:.68rem}.top-sep{display:none}
 .brand-sub{display:none}.hero-shell{border-radius:13px}.hero-slide img{aspect-ratio:4/3;object-fit:cover}
 .slide-label{left:10px;bottom:10px;padding:6px 8px;max-width:70%}.slide-label span{font-size:.73rem}.slide-label small{font-size:.6rem}.slide-label .btn{font-size:.65rem;padding:4px 7px}
 .carousel-control{width:33px;height:33px;font-size:23px}.carousel-control.prev{left:7px}.carousel-control.next{right:7px}.carousel-dots{bottom:6px}
 .section-heading{align-items:start;flex-direction:column}.image-feature{height:220px}
 .details-layout{grid-template-columns:1fr}.details-index{position:relative;top:auto}.detail-block{grid-template-columns:1fr}.detail-image{height:190px}.details-hero,.gallery-hero{padding:23px}
 .admin-layout{display:block}.admin-sidebar{width:100%;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .sidebar-heading{grid-column:1/-1}.admin-sidebar a{font-size:.74rem;padding:9px}.admin-page-wrap{padding:18px 12px}
 .member-dashboard{grid-template-columns:1fr}.member-sidebar{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:10px}
 .member-profile{grid-column:1/-1}.member-sidebar>a{font-size:.72rem;padding:8px}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard-welcome,.admin-welcome{align-items:flex-start;flex-direction:column}.eligibility-row{flex-wrap:wrap}.eligibility-row .status{margin-left:48px}
}


/* v9 image-led feature cards and registration without OTP */
.feature-card.color-tile{display:flex;flex-direction:column;min-height:300px;padding:0!important;background:#fff!important;border:1px solid #dbe8ef;overflow:hidden;isolation:isolate}
.feature-card.color-tile:after{z-index:-1;opacity:.12;pointer-events:none}
.feature-art{height:145px;flex:0 0 145px;overflow:hidden;background:#edf7fa}
.feature-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}
.feature-card:hover .feature-art img{transform:scale(1.06)}
.feature-card-body{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:15px 17px 17px}
.feature-card-body .feature-icon{width:37px;height:37px;font-size:18px;margin:0 0 9px}
.feature-card-body h5{font-size:1.04rem;margin:0 0 6px}
.feature-card-body p{font-size:.81rem;line-height:1.5}
.feature-card-body .tile-more{margin-top:auto;padding-top:12px}
.feature-card.tile-blue{border-top:3px solid #3296e8}.feature-card.tile-green{border-top:3px solid #16b77b}
.feature-card.tile-orange{border-top:3px solid #f1a42c}.feature-card.tile-purple{border-top:3px solid #9562e8}
.feature-card.tile-pink{border-top:3px solid #e66ca4}.feature-card.tile-cyan{border-top:3px solid #21b4c8}
.register-panel{max-width:520px;margin:auto;padding:28px!important;border-radius:22px}
.register-icon{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(140deg,#08c98d,#08765d);color:white;font-size:2rem;font-weight:950;box-shadow:0 8px 20px #00a97a44}
@media(max-width:767px){.feature-card.color-tile{min-height:270px}.feature-art{height:125px;flex-basis:125px}.feature-card-body{padding:12px}.feature-card-body h5{font-size:.93rem}.feature-card-body p{font-size:.76rem}}


.welcome-right{display:flex;align-items:center;gap:14px}
.welcome-art{width:138px;height:76px;object-fit:cover;border-radius:12px;border:2px solid #fff;box-shadow:0 6px 18px #173b4c1a}
@media(max-width:767px){.welcome-right{width:100%;justify-content:space-between}.welcome-art{width:104px;height:64px}}

.feature-card.color-tile:after{display:none!important}


/* USDT-only payment panels */
.usdt-payment-card{padding:17px;border-radius:16px;background:linear-gradient(145deg,#effff8,#f0f8ff);border:1px solid #d5eee4}
.payment-network{display:inline-block;padding:7px 12px;border-radius:25px;background:#d9f8e9;color:#08784f;font-weight:850;font-size:.82rem}
.usdt-payment-qr{display:block;width:min(100%,260px);height:auto;object-fit:contain;background:#fff;padding:10px;border:1px solid #e2e9ed;border-radius:14px;margin:14px auto;box-shadow:0 8px 22px #12354812}
.qr-placeholder{width:210px;height:210px;max-width:100%;margin:16px auto;background:#fff;border:2px dashed #9dcbbb;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:3rem;color:#0b9b70}
.qr-placeholder small{font-size:.75rem;color:#728692}
.copy-field{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #d8e6e9;border-radius:10px;background:#fff;min-width:0}
.copy-field code{flex:1;min-width:0;overflow-wrap:anywhere;white-space:normal;color:#174357;font-size:.8rem}
.wallet-balance-banner{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;background:linear-gradient(115deg,#078b67,#0d6c8b);color:#fff;margin:14px 0 18px}
.wallet-balance-banner small,.wallet-balance-banner span{color:#dcfff3;font-size:.78rem}
.wallet-balance-banner strong{font-size:1.45rem;font-weight:950}


/* V10: full-browser-width carousel and uncropped image display */
.hero-shell{
 width:100vw!important;max-width:100vw!important;
 margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
 border-radius:0!important;overflow:hidden;
}
.hero-track,.hero-slide{width:100%}
.hero-slide img{
 display:block;width:100%;height:auto;max-height:none;
 aspect-ratio:auto!important;object-fit:contain!important;object-position:center;
}
.image-feature{width:100%;height:auto!important;max-height:none;object-fit:contain!important}
.feature-art{width:100%;height:auto!important;min-height:0;overflow:visible;background:#f1f7fa}
.feature-art img{display:block;width:100%;height:auto!important;object-fit:contain!important}
.gallery-img{height:auto!important;min-height:0;overflow:visible}
.gallery-img img,.gallery-card img{display:block;width:100%;height:auto!important;object-fit:contain!important}
.detail-image{height:auto!important;min-height:0}
.detail-image img{display:block;width:100%;height:auto!important;min-height:0;object-fit:contain!important}
.welcome-art{width:150px;height:auto!important;max-height:none;object-fit:contain!important}


/* DubaiCryptoExchange.in V11 — edge-to-edge, uncropped artwork */
.hero-shell{
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  border-radius:0!important;overflow:hidden;background:#061c35;position:relative;
}
.hero-track,.hero-slide{width:100%;height:auto}
.hero-slide{display:none;position:relative}
.hero-slide.active{display:block}
.hero-slide img{
  display:block;width:100%!important;height:auto!important;max-height:none!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center center;
}
.carousel-control{z-index:5}
.carousel-dots{z-index:5}
.image-feature,.feature-art img,.gallery-card img,.gallery-img img,.detail-image img,
.welcome-art,.bank-qr-preview img,.gallery-item img{
  display:block;width:100%;height:auto!important;max-height:none!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center;
}
.feature-art,.gallery-img,.detail-image{height:auto!important;min-height:0!important;overflow:visible!important}
.image-feature-link:hover .image-feature,.feature-card:hover .feature-art img,.gallery-card:hover img{transform:none!important}
.bank-profile-panel{border:1px solid #dce9ef;background:linear-gradient(145deg,#fff,#f2fbff)}
.bank-profile-heading{display:flex;align-items:center;gap:15px;margin-bottom:10px}
.bank-profile-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(140deg,#087c65,#1b9cbd);display:grid;place-items:center;color:white;font-size:1.8rem;box-shadow:0 8px 20px #087c6530}
.bank-qr-preview{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid #dbe8ed;border-radius:13px;background:#f8fcff;margin:12px 0}
.bank-qr-preview img{width:min(180px,45%);border-radius:10px;background:#fff;padding:6px;border:1px solid #e3e9ec}
.bank-profile-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:14px;border-radius:12px;background:#effbf5;border:1px solid #d2efdf}
.bank-profile-summary strong{color:#08764e}
.payout-mini-card{display:flex;flex-direction:column;gap:5px;padding:13px 15px;border:1px solid #ccebdd;border-radius:13px;background:#f0fff7;margin-bottom:15px}
.payout-mini-card strong{color:#08764e}
.payout-mini-card a{font-weight:800;color:#087d62}


/* V12: public USDT scan-to-pay QR and separate Reward Box */
.usdt-scan-pay{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px auto;padding:16px;border:1px solid #cfe6df;border-radius:16px;background:linear-gradient(145deg,#f5fff9,#eef8ff);text-align:center}
.usdt-scan-pay>span{font-weight:900;color:#087b5a}
.usdt-scan-pay img{display:block;width:min(230px,72%);height:auto;object-fit:contain;background:#fff;border:8px solid #fff;border-radius:12px;box-shadow:0 8px 24px #143b3518}
.usdt-scan-pay small{max-width:330px;color:#61747d}
.admin-usdt-qr-preview{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px;border:1px solid #d8e8e4;border-radius:14px;background:#f7fcfa}
.admin-usdt-qr-preview img{width:190px;height:auto;object-fit:contain;background:white;padding:8px;border:1px solid #e4ece9;border-radius:12px}
.reward-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:25px;border-radius:20px;background:linear-gradient(120deg,#142d50,#116f68);color:#fff;box-shadow:0 12px 30px #123d3925}
.reward-hero h1{font-weight:900;margin:5px 0}
.reward-hero p{max-width:650px;color:#e0f0f0;margin:0}
.reward-hero .section-kicker{color:#b4f3dc}
.reward-hero-amount{padding:17px 22px;border:1px solid #ffffff45;border-radius:16px;background:#ffffff14;min-width:240px}
.reward-hero-amount>small{display:block;color:#d5eee8}
.reward-hero-amount strong{display:block;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:900}
.reward-hero-amount strong small{font-size:.9rem}
.dashboard-stat a{display:inline-block;font-size:.76rem;font-weight:800;margin-top:5px;color:inherit}
@media(max-width:700px){.reward-hero{padding:18px}.reward-hero-amount{width:100%}.usdt-scan-pay img{width:min(210px,80%)}}

.status-qualified{background:#e5f8ed;color:#08784e}.status-not_qualified{background:#fff2e7;color:#a15b18}