/* ===== Greetons v3 — modern home + new feature pages ===== */
:root{--v3-r:20px;--v3-glow:0 10px 30px -12px rgba(99,102,241,.55)}
.v3-pad{padding:0 16px 24px}
.v3-sec{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 10px;margin-top:6px}
.v3-sec h3{font-size:15px;font-weight:800;letter-spacing:.2px}
.v3-sec a{font-size:12px;color:var(--gold);font-weight:600;cursor:pointer}
.v3-muted{color:var(--sub);font-size:12.5px;line-height:1.5}
.v3-card{background:linear-gradient(160deg,var(--card),var(--card-grad2));border:1px solid var(--line);border-radius:var(--v3-r);padding:16px;margin-bottom:12px;position:relative;overflow:hidden}
.v3-row{display:flex;align-items:center;gap:12px}.v3-row.between{justify-content:space-between}
.v3-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;background:rgba(99,102,241,.14);color:var(--gold);border:1px solid rgba(99,102,241,.3)}
.v3-chip.ok{background:rgba(34,195,142,.14);color:var(--green);border-color:rgba(34,195,142,.3)}
.v3-chip.warn{background:rgba(245,158,11,.14);color:#f59e0b;border-color:rgba(245,158,11,.3)}
.v3-chip.bad{background:rgba(240,90,110,.14);color:var(--red);border-color:rgba(240,90,110,.3)}
.v3-chip.neutral{background:var(--card2);color:var(--sub);border-color:var(--line)}
.v3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold-grad);color:#fff;font-weight:800;border-radius:14px;padding:14px 18px;width:100%;font-size:15px;box-shadow:0 6px 18px rgba(79,70,229,.30);border:none;cursor:pointer;transition:transform .12s,opacity .2s}
.v3-btn:active{transform:translateY(1px) scale(.99)}.v3-btn:disabled{opacity:.5;cursor:not-allowed}
.v3-btn.sm{padding:9px 14px;font-size:13px;width:auto;border-radius:11px}
.v3-btn.ghost{background:var(--card2);color:var(--txt);border:1px solid var(--line);box-shadow:none}
.v3-btn.outline{background:transparent;color:var(--gold);border:1px solid var(--gold2);box-shadow:none}
.v3-btn.danger{background:linear-gradient(135deg,#f05a6e,#c0304a);box-shadow:0 6px 18px rgba(240,90,110,.3)}
.v3-btn.green{background:linear-gradient(135deg,#22c38e,#0e9f6e);box-shadow:0 6px 18px rgba(34,195,142,.3)}
.v3-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v3-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v3-stat{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px}
.v3-stat small{display:block;color:var(--sub);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.v3-stat b{display:block;font-size:17px;margin-top:4px;font-variant-numeric:tabular-nums}
.v3-stat.hl{background:var(--gold-grad-soft);border-color:rgba(99,102,241,.35)}.v3-stat.hl b{color:var(--gold)}
.v3-prog{height:8px;background:var(--card2);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.v3-prog>span{display:block;height:100%;background:var(--gold-grad);border-radius:10px;transition:width .5s ease}
.v3-prog.green>span{background:linear-gradient(90deg,#22c38e,#0e9f6e)}.v3-prog.red>span{background:linear-gradient(90deg,#f59e0b,#f05a6e)}
.v3-list{display:flex;flex-direction:column;gap:8px}
.v3-item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.v3-item .ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;flex:0 0 auto;background:var(--gold-grad-soft);color:var(--gold)}
.v3-item .mid{flex:1;min-width:0}.v3-item .mid b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3-item .mid small{display:block;color:var(--sub);font-size:11.5px;margin-top:2px}
.v3-item .end{text-align:right;flex:0 0 auto}.v3-item .end b{display:block;font-size:14px;font-variant-numeric:tabular-nums}
.v3-item .end b.pos{color:var(--green)}.v3-item .end b.neg{color:var(--red)}.v3-item .end small{color:var(--sub);font-size:11px}
.v3-tabs{display:flex;gap:6px;padding:0 16px 12px;overflow-x:auto;scrollbar-width:none}.v3-tabs::-webkit-scrollbar{display:none}
.v3-tab{flex:0 0 auto;padding:9px 16px;border-radius:12px;background:var(--card2);border:1px solid var(--line);color:var(--sub);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s}
.v3-tab.active{background:var(--gold-grad);color:#fff;border-color:transparent;box-shadow:0 6px 16px -6px rgba(99,102,241,.6)}
.v3-field{margin-bottom:12px}.v3-field label{display:block;font-size:12px;color:var(--sub);font-weight:600;margin-bottom:6px}
.v3-field input,.v3-field select,.v3-field textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--txt);font-size:15px;font-family:inherit}
.v3-field input:focus,.v3-field select:focus,.v3-field textarea:focus{border-color:var(--gold);outline:none}
.v3-empty{text-align:center;color:var(--sub);padding:34px 16px;font-size:13px}.v3-empty i{display:block;font-size:30px;margin-bottom:10px;opacity:.6}
.v3-note{display:flex;gap:10px;align-items:flex-start;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#f59e0b;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.5}
.v3-note.info{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.3);color:var(--gold)}
.v3-note.ok{background:rgba(34,195,142,.1);border-color:rgba(34,195,142,.3);color:var(--green)}
.v3-rules{list-style:none;padding:0;margin:0}
.v3-rules li{display:flex;gap:10px;font-size:13px;color:var(--sub);line-height:1.55;padding:7px 0;border-bottom:1px dashed var(--line)}
.v3-rules li:last-child{border-bottom:none}
.v3-rules li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);flex:0 0 auto;margin-top:7px}
.v3-avatar{width:44px;height:44px;border-radius:14px;background:var(--gold-grad);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:17px;overflow:hidden;flex:0 0 auto}
.v3-avatar img{width:100%;height:100%;object-fit:cover}
/* sheet */
.v3-sheet-bg{position:fixed;inset:0;background:rgba(5,8,20,.6);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:flex-end;justify-content:center;animation:v3fade .2s}
.v3-sheet{width:100%;max-width:520px;background:var(--bg2);border-radius:24px 24px 0 0;padding:14px 18px calc(24px + env(safe-area-inset-bottom,0px));max-height:88vh;overflow-y:auto;animation:v3up .25s ease;border-top:1px solid var(--line)}
.v3-sheet .grab{width:42px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 14px}
.v3-sheet h3{font-size:17px;font-weight:800;margin-bottom:4px}
@keyframes v3up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes v3fade{from{opacity:0}to{opacity:1}}
@media(min-width:900px){.v3-sheet-bg{align-items:center}.v3-sheet{border-radius:24px;border:1px solid var(--line)}}
/* PIN */
.v3-pin{display:flex;gap:10px;justify-content:center;margin:14px 0}
.v3-pin span{width:44px;height:52px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;transition:.15s}
.v3-pin span.on{border-color:var(--gold);box-shadow:0 0 0 3px rgba(99,102,241,.18)}
.v3-pin span.filled::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--txt)}
.v3-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:300px;margin:8px auto 0}
.v3-keypad button{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px;font-size:20px;font-weight:700;color:var(--txt);cursor:pointer}
.v3-keypad button:active{background:var(--card2)}
/* ===== HOME v3 ===== */
.h3-head{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 10px;position:sticky;top:0;z-index:40;background:linear-gradient(180deg,var(--bg) 70%,transparent)}
.h3-head .u{display:flex;align-items:center;gap:11px;cursor:pointer}
.h3-head .u .nm{font-weight:800;font-size:15px}.h3-head .u .nm small{display:block;color:var(--sub);font-weight:500;font-size:11.5px;margin-top:1px}
.h3-head .acts{display:flex;gap:8px}
.h3-head .acts button{width:38px;height:38px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--sub);font-size:15px;position:relative;cursor:pointer}
.h3-head .acts button .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--red)}
.h3-bal{margin:4px 16px 14px;border-radius:24px;padding:20px 20px 18px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#6d6cf7 0%,#4f46e5 42%,#0b8f8a 100%);box-shadow:0 14px 40px -14px rgba(79,70,229,.7)}
.h3-bal::before{content:"";position:absolute;inset:-40% 40% auto auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)}
.h3-bal::after{content:"";position:absolute;right:-60px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.06)}
.h3-bal .lbl{font-size:12px;font-weight:600;opacity:.8;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.h3-bal .lbl i{cursor:pointer;opacity:.9}
.h3-bal .val{font-size:34px;font-weight:800;margin-top:6px;letter-spacing:-.5px;font-variant-numeric:tabular-nums;position:relative;z-index:1}
.h3-bal .val small{font-size:16px;font-weight:600;opacity:.75;margin-left:4px}
.h3-bal .sub{display:flex;gap:18px;margin-top:12px;font-size:11.5px;position:relative;z-index:1}.h3-bal .sub span{opacity:.8}.h3-bal .sub b{display:block;font-size:14px;margin-top:2px;opacity:1}
.h3-bal .brand{position:absolute;right:16px;top:16px;width:44px;height:44px;object-fit:contain;opacity:.95;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));z-index:1}
.h3-qa{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 0;position:relative;z-index:1}
.h3-qa button{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 4px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px)}
.h3-qa button i{font-size:16px}.h3-qa button:active{background:rgba(255,255,255,.24)}
.h3-cats{display:flex;gap:6px;padding:4px 16px 12px;overflow-x:auto;scrollbar-width:none}.h3-cats::-webkit-scrollbar{display:none}
.h3-cat{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--sub);font-size:12.5px;font-weight:700;cursor:pointer;transition:.15s}
.h3-cat i{font-size:12px}.h3-cat.active{background:var(--gold-grad);color:#fff;border-color:transparent;box-shadow:0 8px 18px -8px rgba(99,102,241,.7)}
.h3-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;padding:0 16px 8px;animation:v3fade .25s}
.h3-it{display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 0;cursor:pointer;position:relative}
.h3-it .ic{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:21px;color:#fff;position:relative;transition:transform .15s;box-shadow:0 10px 22px -10px var(--c,#6366f1);background:linear-gradient(145deg,color-mix(in srgb,var(--c,#6366f1) 92%,#fff 8%),color-mix(in srgb,var(--c,#6366f1) 75%,#000 25%))}
.h3-it:active .ic{transform:scale(.93)}
.h3-it span{font-size:11px;color:var(--txt);text-align:center;line-height:1.2;font-weight:600}
.h3-it .tag{position:absolute;top:-6px;right:calc(50% - 34px);background:var(--red);color:#fff;font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:8px;letter-spacing:.3px;z-index:2}
.h3-it .tag.new{background:#22c38e}.h3-it .tag.hot{background:#f59e0b}
.h3-promos{display:flex;gap:12px;padding:4px 16px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.h3-promos::-webkit-scrollbar{display:none}
.h3-promo{flex:0 0 86%;scroll-snap-align:start;border-radius:20px;padding:18px;min-height:128px;position:relative;overflow:hidden;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,var(--c,#6366f1),color-mix(in srgb,var(--c,#6366f1) 55%,#000 45%));box-shadow:0 12px 30px -14px var(--c,#6366f1)}
.h3-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.h3-promo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.55))}
.h3-promo .pi{position:absolute;right:14px;top:14px;font-size:52px;opacity:.22;z-index:1}
.h3-promo .pb{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:.5px;z-index:2}
.h3-promo b{font-size:17px;font-weight:800;position:relative;z-index:2}.h3-promo small{font-size:12px;opacity:.9;position:relative;z-index:2;margin-top:3px}
.h3-promo .cta{position:relative;z-index:2;margin-top:10px;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#1a1a2e;font-size:11.5px;font-weight:800;padding:6px 12px;border-radius:20px;width:max-content}
@media(min-width:900px){.h3-promo{flex-basis:360px}}
.h3-live{margin:0 16px 12px;border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;border:1px solid var(--line);background:linear-gradient(160deg,var(--card),var(--card-grad2));position:relative;overflow:hidden}
.h3-live .li{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex:0 0 auto;background:var(--gold-grad);overflow:hidden}.h3-live .li img{width:100%;height:100%;object-fit:cover}
.h3-live .lt{flex:1;min-width:0}.h3-live .lt b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h3-live .lt small{display:block;color:var(--sub);font-size:11.5px;margin-top:3px}
.h3-live .cd{font-variant-numeric:tabular-nums;font-weight:800;color:var(--gold);font-size:13px;text-align:right;flex:0 0 auto}.h3-live .cd small{display:block;color:var(--sub);font-size:10px;font-weight:600}
.h3-live.funded .li{background:linear-gradient(135deg,#0ea5a4,#0e7490)}.h3-live .lp{margin-top:7px}
/* ===== PROMOTIONS ===== */
.pr-hero{margin:0 16px 14px;border-radius:22px;padding:22px 20px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(120% 120% at 100% 0%,#f59e0b 0%,#ec4899 40%,#6366f1 100%)}
.pr-hero h2{font-size:22px;font-weight:800}.pr-hero p{font-size:12.5px;opacity:.9;margin-top:6px;max-width:80%;line-height:1.5}.pr-hero i.bg{position:absolute;right:-10px;bottom:-14px;font-size:110px;opacity:.18}
.pr-card{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--card);margin-bottom:14px;cursor:pointer}
.pr-card .top{height:120px;position:relative;background:linear-gradient(135deg,var(--c,#6366f1),color-mix(in srgb,var(--c,#6366f1) 50%,#000 50%));display:flex;align-items:center;justify-content:center;color:#fff;font-size:44px}
.pr-card .top img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.pr-card .top .b{position:absolute;left:12px;top:12px;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:.5px;color:#fff}
.pr-card .top .cat{position:absolute;right:12px;top:12px;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;color:#fff;text-transform:uppercase}
.pr-card .bd{padding:14px 16px}.pr-card .bd b{font-size:15px;display:block}.pr-card .bd small{display:block;color:var(--sub);font-size:12px;margin-top:3px;line-height:1.45}
.pr-card .bd .cta{margin-top:10px;display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-size:12.5px;font-weight:800}
.pr-offer{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:10px;cursor:pointer}
.pr-offer .oi{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;background:var(--c,#6366f1)}
.pr-offer .ot{flex:1;min-width:0}.pr-offer .ot b{display:block;font-size:14px}.pr-offer .ot small{color:var(--sub);font-size:11.5px}.pr-offer .ov{font-weight:800;color:var(--green);font-size:16px}
/* ===== LUCKY DRAW ===== */
.ld-hero{margin:0 16px 14px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--card);position:relative}
.ld-hero .img{height:210px;background:radial-gradient(120% 120% at 50% 0%,#312e81 0%,#0b1120 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ld-hero .img img{width:100%;height:100%;object-fit:cover}.ld-hero .img i{font-size:84px;color:#fff;opacity:.9;filter:drop-shadow(0 10px 30px rgba(99,102,241,.6))}
.ld-hero .img .st{position:absolute;left:14px;top:14px}
.ld-hero .img .pool{position:absolute;right:14px;top:14px;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);color:#fff;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700}
.ld-hero .bd{padding:16px}.ld-hero .bd h2{font-size:19px;font-weight:800}.ld-hero .bd p{color:var(--sub);font-size:12.5px;margin-top:4px;line-height:1.5}
.ld-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.ld-cd div{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:10px 4px;text-align:center}
.ld-cd b{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold)}.ld-cd small{font-size:10px;color:var(--sub);text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.ld-faces{display:flex;align-items:center;margin-top:12px}
.ld-faces .f{width:30px;height:30px;border-radius:50%;background:var(--gold-grad);border:2px solid var(--card);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;overflow:hidden}
.ld-faces .f:first-child{margin-left:0}.ld-faces .f img{width:100%;height:100%;object-fit:cover}.ld-faces small{margin-left:10px;color:var(--sub);font-size:12px}.ld-faces small b{color:var(--txt)}
.ld-prize{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--card2);border:1px solid var(--line);margin-bottom:8px}
.ld-prize .rk{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex:0 0 auto}
.ld-prize .rk.r1{background:linear-gradient(135deg,#fbbf24,#d97706)}.ld-prize .rk.r2{background:linear-gradient(135deg,#cbd5e1,#64748b)}.ld-prize .rk.r3{background:linear-gradient(135deg,#d97706,#92400e)}.ld-prize .rk.rn{background:var(--gold-grad)}
.ld-prize .pt{flex:1;min-width:0}.ld-prize .pt b{display:block;font-size:14px}.ld-prize .pt small{color:var(--sub);font-size:11.5px}
.ld-prize .pv{font-weight:800;color:var(--green);font-size:14px;text-align:right}.ld-prize .pv small{display:block;color:var(--sub);font-size:10.5px;font-weight:600}
.ld-qty{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:8px}
.ld-qty button{width:44px;height:44px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--txt);font-size:18px;font-weight:800;cursor:pointer}
.ld-qty input{flex:1;background:transparent;border:none;text-align:center;font-size:22px;font-weight:800;color:var(--txt);width:60px}
.ld-ticket{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card);border:1px dashed var(--gold2);border-radius:12px;margin-bottom:6px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;font-weight:700}.ld-ticket i{color:var(--gold)}
.ld-win{background:linear-gradient(135deg,rgba(34,195,142,.18),rgba(99,102,241,.14));border:1px solid rgba(34,195,142,.4);border-radius:18px;padding:16px;text-align:center;margin-bottom:12px}.ld-win h3{font-size:18px;color:var(--green)}
.ld-mini{display:flex;gap:12px;padding:0 16px 14px;overflow-x:auto;scrollbar-width:none}.ld-mini::-webkit-scrollbar{display:none}
.ld-mini .m{flex:0 0 220px;border-radius:18px;border:1px solid var(--line);background:var(--card);overflow:hidden;cursor:pointer}
.ld-mini .m .im{height:90px;background:linear-gradient(135deg,#312e81,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;position:relative}.ld-mini .m .im img{width:100%;height:100%;object-fit:cover}
.ld-mini .m .bd{padding:10px 12px}.ld-mini .m .bd b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ld-mini .m .bd small{color:var(--sub);font-size:11px}
.ld-confetti{position:fixed;inset:0;pointer-events:none;z-index:400;overflow:hidden}
.ld-confetti i{position:absolute;top:-10px;width:8px;height:14px;border-radius:2px;animation:ldfall 2.6s linear forwards}
@keyframes ldfall{to{transform:translateY(110vh) rotate(720deg);opacity:.2}}
/* ===== LUCKY SPIN ===== */
.sp-tiers{display:flex;gap:8px;padding:0 16px 14px;overflow-x:auto;scrollbar-width:none}.sp-tiers::-webkit-scrollbar{display:none}
.sp-tier{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--sub);font-size:12.5px;font-weight:700;cursor:pointer;position:relative}
.sp-tier i{color:var(--c,#6366f1)}.sp-tier.active{border-color:var(--c,#6366f1);color:var(--txt);box-shadow:0 0 0 3px color-mix(in srgb,var(--c,#6366f1) 20%,transparent)}
.sp-tier .n{background:var(--red);color:#fff;font-size:9.5px;font-weight:800;padding:1px 6px;border-radius:10px;margin-left:2px}
.sp-stage{position:relative;margin:0 auto 14px;width:min(320px,86vw);aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.sp-stage canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));position:relative;z-index:1}
.sp-stage .ring{position:absolute;inset:-8px;border-radius:50%;background:conic-gradient(from 0deg,var(--c,#6366f1),transparent 25%,var(--c,#6366f1) 50%,transparent 75%,var(--c,#6366f1));opacity:.35;animation:spring 6s linear infinite;z-index:0}
@keyframes spring{to{transform:rotate(360deg)}}
.sp-stage .ptr{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:32px solid #fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));z-index:3}
.sp-stage .hub{position:absolute;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#dcd9ff 50%,#9b96ff);display:flex;align-items:center;justify-content:center;font-weight:900;color:#2b2a7a;font-size:13px;letter-spacing:1px;box-shadow:0 8px 24px rgba(0,0,0,.4),inset 0 -3px 8px rgba(0,0,0,.15);z-index:2;cursor:pointer;border:4px solid #fff;user-select:none}
.sp-stage .hub:active{transform:scale(.96)}
.sp-stage .lights{position:absolute;inset:0;border-radius:50%;z-index:2;pointer-events:none}
.sp-stage .lights i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;left:50%;top:50%;margin:-4.5px;animation:spblink 1.2s infinite}
.sp-stage.spinning .lights i{animation-duration:.25s}
@keyframes spblink{0%,100%{opacity:1}50%{opacity:.25}}
.sp-ticker{display:flex;gap:8px;overflow:hidden;margin:0 16px 14px;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sp-ticker .tk{display:flex;gap:8px;animation:sptk 28s linear infinite;flex:0 0 auto}
.sp-ticker .tk span{flex:0 0 auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:11.5px;white-space:nowrap;color:var(--sub)}.sp-ticker .tk span b{color:var(--green)}
@keyframes sptk{to{transform:translateX(-50%)}}
.sp-seg{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--card2);border:1px solid var(--line);margin-bottom:6px;font-size:13px}
.sp-seg .sw{width:14px;height:14px;border-radius:4px;flex:0 0 auto}.sp-seg .l{flex:1;font-weight:700}.sp-seg .p{color:var(--sub);font-size:11.5px}
.sp-target{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:8px}
.sp-target .t{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin-bottom:8px}.sp-target .t small{color:var(--sub);font-weight:600}
.sp-result{text-align:center;padding:10px 0 4px}
.sp-result .big{font-size:44px;font-weight:900;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sppop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes sppop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
/* ===== GET FUNDED ===== */
.fd-hero{margin:0 16px 14px;border-radius:22px;padding:20px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(130% 120% at 100% 0%,#0ea5a4 0%,#0e7490 45%,#1e1b4b 100%)}
.fd-hero h2{font-size:21px;font-weight:800}.fd-hero p{font-size:12.5px;opacity:.9;margin-top:6px;line-height:1.5;max-width:85%}
.fd-hero .steps{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.fd-hero .steps span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}
.fd-plan{border-radius:20px;border:1px solid var(--line);background:var(--card);padding:16px;margin-bottom:12px;position:relative;overflow:hidden}
.fd-plan::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c,#0ea5a4)}
.fd-plan .bdg{position:absolute;right:14px;top:14px;background:var(--c,#0ea5a4);color:#fff;font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:.5px}
.fd-plan h3{font-size:16px;font-weight:800;padding-left:8px}.fd-plan .amt{padding-left:8px;margin-top:4px}
.fd-plan .amt b{font-size:28px;font-weight:800;color:var(--c,#0ea5a4)}.fd-plan .amt small{color:var(--sub);font-size:12px;margin-left:6px}
.fd-plan .specs{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:12px 0 12px 8px}
.fd-plan .specs div{font-size:12px;color:var(--sub);display:flex;align-items:center;gap:7px}.fd-plan .specs div i{color:var(--c,#0ea5a4);width:14px;text-align:center}.fd-plan .specs div b{color:var(--txt)}
.fd-acc{border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,var(--card),var(--card-grad2));padding:16px;margin-bottom:12px}
.fd-acc .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fd-acc .hd b{font-size:15px}
.fd-acc .bal{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.fd-acc .bal small{font-size:13px;font-weight:700;margin-left:8px}
.fd-acc .pos{color:var(--green)}.fd-acc .neg{color:var(--red)}
.fd-acc .meter{margin-top:14px}.fd-acc .meter .t{display:flex;justify-content:space-between;font-size:11.5px;color:var(--sub);margin-bottom:5px}.fd-acc .meter .t b{color:var(--txt)}
.fd-acc .acts{display:flex;gap:8px;margin-top:14px}
.fd-tl{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:12.5px}.fd-tl:last-child{border-bottom:none}
.fd-tl .d{width:34px;height:34px;border-radius:10px;background:var(--card2);display:flex;align-items:center;justify-content:center;color:var(--gold);flex:0 0 auto}
.fd-tl .m{flex:1}.fd-tl .m small{display:block;color:var(--sub);font-size:11px}.fd-tl .a{font-weight:800;font-variant-numeric:tabular-nums}
.fd-how{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fd-how div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px}
.fd-how div i{font-size:18px;color:var(--accent);margin-bottom:6px;display:block}.fd-how div b{display:block;font-size:13px}.fd-how div small{color:var(--sub);font-size:11.5px;line-height:1.4;display:block;margin-top:2px}
/* ===== RISK-FREE ===== */
.rf-hero{margin:0 16px 14px;border-radius:22px;padding:20px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(130% 120% at 0% 0%,#22c38e 0%,#0e9f6e 45%,#0f172a 100%)}
.rf-hero h2{font-size:21px;font-weight:800}.rf-hero p{font-size:12.5px;opacity:.92;margin-top:6px;line-height:1.5;max-width:85%}.rf-hero i.bg{position:absolute;right:-8px;bottom:-16px;font-size:120px;opacity:.16}
.rf-calc{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:12px}
.rf-calc .big{font-size:36px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;margin:6px 0}
.rf-calc input[type=range]{width:100%;accent-color:var(--gold);margin:8px 0}
.rf-calc .chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:8px 0 12px}
.rf-calc .chips span{padding:6px 12px;border-radius:20px;background:var(--card2);border:1px solid var(--line);font-size:12px;font-weight:700;cursor:pointer}.rf-calc .chips span.on{background:var(--gold-grad);color:#fff;border-color:transparent}
.rf-calc .sum{display:flex;justify-content:space-between;padding:9px 0;border-top:1px dashed var(--line);font-size:13px;color:var(--sub)}.rf-calc .sum b{color:var(--txt)}
.rf-cover{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:8px}
.rf-cover .sh{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 auto;background:rgba(34,195,142,.14);color:var(--green)}
.rf-cover.used .sh{background:var(--card2);color:var(--sub)}.rf-cover .t{flex:1;min-width:0}.rf-cover .t b{display:block;font-size:14px}.rf-cover .t small{color:var(--sub);font-size:11.5px}
/* ===== AFFILIATES ===== */
.af-hero{margin:0 16px 14px;border-radius:24px;padding:20px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(130% 120% at 100% 100%,#f59e0b 0%,#d946ef 45%,#4f46e5 100%)}
.af-hero .rk{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);padding:5px 11px;border-radius:20px;font-size:11.5px;font-weight:800}
.af-hero h2{font-size:30px;font-weight:800;margin-top:10px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.af-hero .l{font-size:12px;opacity:.85}
.af-hero .sub{display:flex;gap:16px;margin-top:10px;font-size:11.5px}.af-hero .sub b{display:block;font-size:14px}.af-hero i.bg{position:absolute;right:-6px;bottom:-18px;font-size:120px;opacity:.16}
.af-code{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:10px}
.af-code .c{flex:1;min-width:0}.af-code .c small{display:block;color:var(--sub);font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.af-code .c b{display:block;font-size:22px;letter-spacing:3px;margin-top:2px}.af-code .c span{display:block;font-size:11.5px;color:var(--sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.af-code button{width:42px;height:42px;border-radius:12px;background:var(--gold-grad);color:#fff;border:none;font-size:15px;cursor:pointer}
.af-share{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.af-share button{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 4px;color:var(--txt);display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10.5px;font-weight:700;cursor:pointer}
.af-share button i{font-size:18px}.af-share .wa i{color:#25d366}.af-share .tg i{color:#2aabee}.af-share .qr i{color:var(--gold)}
.af-rate{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.af-rate div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center}
.af-rate div small{display:block;color:var(--sub);font-size:10.5px;font-weight:700}.af-rate div b{display:block;font-size:17px;color:var(--gold);margin-top:2px}.af-rate div em{display:block;font-style:normal;font-size:10.5px;color:var(--sub);margin-top:2px}
.af-ranks{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.af-ranks::-webkit-scrollbar{display:none}
.af-rank{flex:0 0 150px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;position:relative}
.af-rank.cur{border-color:var(--c,#6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--c,#6366f1) 20%,transparent)}.af-rank.done{opacity:.7}
.af-rank .ri{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--c,#6366f1);margin-bottom:8px}
.af-rank b{display:block;font-size:13.5px}.af-rank small{display:block;color:var(--sub);font-size:11px;line-height:1.45;margin-top:3px}.af-rank .chk{position:absolute;right:10px;top:10px;color:var(--green)}
.af-step{display:flex;gap:12px;align-items:flex-start;padding:10px 0}
.af-step .n{width:28px;height:28px;border-radius:50%;background:var(--gold-grad);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto}
.af-step b{display:block;font-size:13.5px}.af-step small{color:var(--sub);font-size:12px;line-height:1.45}
/* ===== PROFILE / SECURITY / TX ===== */
.pf-head{margin:0 16px 14px;border-radius:24px;padding:20px;background:linear-gradient(160deg,var(--card),var(--card-grad2));border:1px solid var(--line);display:flex;align-items:center;gap:14px;position:relative}
.pf-head .av{width:72px;height:72px;border-radius:22px;background:var(--gold-grad);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;overflow:visible;position:relative;flex:0 0 auto;box-shadow:var(--v3-glow);cursor:pointer}
.pf-head .av img{width:100%;height:100%;object-fit:cover;border-radius:22px}
.pf-head .av .cam{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;border-radius:50%;background:var(--bg2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--gold)}
.pf-head .nm{flex:1;min-width:0}.pf-head .nm b{display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-head .nm small{display:block;color:var(--sub);font-size:12px;margin-top:2px}
.pf-head .nm .badges{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.pf-rows{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:12px}
.pf-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line);cursor:pointer}.pf-row:last-child{border-bottom:none}
.pf-row .i{width:36px;height:36px;border-radius:11px;background:var(--gold-grad-soft);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 auto}
.pf-row .t{flex:1;min-width:0}.pf-row .t b{display:block;font-size:13.5px}.pf-row .t small{display:block;color:var(--sub);font-size:11.5px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-row .v{color:var(--sub);font-size:12.5px;text-align:right;display:flex;align-items:center;gap:8px}.pf-row .v i{font-size:11px}
.sw3{width:42px;height:24px;border-radius:12px;background:var(--line);position:relative;transition:.2s;flex:0 0 auto}
.sw3::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.sw3.on{background:var(--green)}.sw3.on::after{left:21px}
.ss-item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:8px}
.ss-item .d{width:40px;height:40px;border-radius:12px;background:var(--card2);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px}
.ss-item .t{flex:1;min-width:0}.ss-item .t b{display:block;font-size:13.5px}.ss-item .t small{display:block;color:var(--sub);font-size:11.5px}
.ss-item .cur{font-size:10px;font-weight:800;background:rgba(34,195,142,.15);color:var(--green);padding:3px 8px;border-radius:10px}
.ss-item button{background:transparent;border:1px solid var(--line);color:var(--red);border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}
.tx-sum{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 12px}
.tx-seg{display:flex;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px;margin:0 16px 12px}
.tx-seg div{flex:1;text-align:center;padding:9px 4px;border-radius:11px;font-size:12.5px;font-weight:700;color:var(--sub);cursor:pointer}.tx-seg div.active{background:var(--gold-grad);color:#fff}
.tx-filters{display:flex;gap:6px;padding:0 16px 12px;overflow-x:auto;scrollbar-width:none}.tx-filters::-webkit-scrollbar{display:none}
.tx-filters span{flex:0 0 auto;padding:6px 12px;border-radius:20px;background:var(--card2);border:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--sub);cursor:pointer;text-transform:capitalize}
.tx-filters span.active{color:var(--gold);border-color:var(--gold2);background:var(--gold-grad-soft)}
.tfa-box{text-align:center;padding:10px 0}
.tfa-box .ic{width:72px;height:72px;border-radius:22px;background:var(--gold-grad-soft);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 14px}
.tfa-code{display:flex;gap:8px;justify-content:center;margin:16px 0}
.tfa-code input{width:44px;height:54px;text-align:center;font-size:22px;font-weight:800;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--txt)}.tfa-code input:focus{border-color:var(--gold);outline:none}
.mn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;padding:0 16px 14px}
.mn-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 14px}
@media(min-width:900px){.h3-grid{grid-template-columns:repeat(8,1fr)}.mn-grid{grid-template-columns:repeat(8,1fr)}.mn-stats{grid-template-columns:repeat(4,1fr)}.tx-sum{grid-template-columns:repeat(4,1fr)}.v3-desk2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.sp-stage{width:380px}}