@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#12070e;--panel:#1b0b15;--panel2:#241020;--text:#eef6ff;--muted:#91a4ba;--line:rgba(255,255,255,.09);--primary:#c21870;--secondary:#7a0f43;--success:#20c997;--danger:#ff5c7a;--shadow:0 20px 60px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#12070e,#160a12 50%,#12070e);color:var(--text);font:15px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(7,17,31,.82);backdrop-filter:blur(18px)}.brand,.sidebar-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 30px rgba(194,24,112,.25)}.brand b{color:#7ea8ff}.desktop-nav{display:flex;align-items:center;gap:22px;font-weight:600}.desktop-nav>a:not(.btn):hover{color:#f06aa9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 17px;border:1px solid var(--line);font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));border:0}.btn-ghost{background:rgba(255,255,255,.04)}.hero{max-width:1200px;margin:auto;padding:90px 24px 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:99px;background:rgba(194,24,112,.12);color:#f06aa9;font-weight:700}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;margin:18px 0}.hero h1 span{color:#f06aa9}.hero p{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-art{min-height:410px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 30% 20%,rgba(194,24,112,.2),transparent 40%),linear-gradient(145deg,#24101e,#160b12);position:relative;overflow:hidden;box-shadow:var(--shadow)}.orb{position:absolute;border-radius:50%;filter:blur(1px);background:linear-gradient(135deg,#c21870,#7a0f43);opacity:.85}.orb.o1{width:150px;height:150px;left:18%;top:22%}.orb.o2{width:90px;height:90px;right:18%;top:16%;background:linear-gradient(135deg,#20c997,#c21870)}.orb.o3{width:120px;height:120px;right:22%;bottom:18%;background:linear-gradient(135deg,#ff5c7a,#7a0f43)}.network{position:absolute;inset:0;display:grid;place-items:center}.network-inner{width:240px;height:240px;border:1px dashed rgba(255,255,255,.25);border-radius:50%;position:relative}.node{position:absolute;width:58px;height:58px;border-radius:18px;background:#2a1020;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;box-shadow:0 15px 40px rgba(0,0,0,.25)}.node i{color:#f06aa9}.n1{top:-12px;left:90px}.n2{left:-12px;top:90px}.n3{right:-12px;top:90px}.n4{bottom:-12px;left:90px}.center{position:absolute;left:78px;top:78px;width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,#c21870,#7a0f43);font-size:28px}.section{max-width:1200px;margin:auto;padding:55px 24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section h2{font-size:34px;margin:0}.muted{color:var(--muted)}.stats{max-width:1200px;margin:-5px auto 30px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat,.card,.table-wrap{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.stat{padding:25px}.stat i{font-size:25px;color:#f06aa9}.stat strong{display:block;font-size:32px;margin-top:8px}.stat span{color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:24px}.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(194,24,112,.12);color:#f06aa9;font-size:20px}.card h3{margin:15px 0 8px}.plan-price{font-size:32px;font-weight:800}.tag{display:inline-block;padding:5px 9px;border-radius:8px;background:rgba(32,201,151,.12);color:#4de0b4;font-size:12px;font-weight:700}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{color:#a9bbcf;font-size:12px;text-transform:uppercase}.footer{max-width:1200px;margin:40px auto 0;padding:35px 24px 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;color:var(--muted)}.footer a{margin-right:14px}.mobile-bottom{display:none}.form-page{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:40px 20px}.form-card{width:min(480px,100%);padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.form-card h1{margin-top:0}.field{margin:14px 0}.field label{display:block;font-size:13px;color:#a9bbcf;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:#0d070b;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#e83e8c}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;background:rgba(255,92,122,.1);border:1px solid rgba(255,92,122,.25);color:#ff9aab}.success{background:rgba(32,201,151,.1);border-color:rgba(32,201,151,.25);color:#63e2bd}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;flex:0 0 260px;background:#10080d;border-right:1px solid var(--line);padding:20px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-brand{margin-bottom:22px}.sidebar-brand small{display:block;color:var(--muted);font-size:11px;font-weight:500}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);margin-bottom:16px}.sidebar-user small{display:block;color:var(--muted);font-size:11px}.avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#b8c7d8;margin:4px 0}.side-nav a:hover,.side-nav a.active{background:rgba(194,24,112,.12);color:#fff}.side-nav i{width:20px;text-align:center}.nav-label{font-size:10px;text-transform:uppercase;color:#667d96;margin:18px 12px 6px}.main-panel{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(7,17,31,.72);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.topbar small{display:block;color:var(--muted);font-size:11px}.top-actions{color:#8ea4bb;font-size:12px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);margin-right:6px}.content{padding:28px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini-stat{padding:20px}.mini-stat .value{font-size:28px;font-weight:800;margin-top:8px}.mini-stat .icon{font-size:21px;color:#f06aa9}.page-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:18px}.mobile-menu{display:none;background:none;border:0;color:#fff;font-size:22px}.badge{padding:5px 9px;border-radius:8px;font-size:11px;font-weight:700}.badge-success{background:rgba(32,201,151,.12);color:#5ce1bd}.badge-warning{background:rgba(255,193,7,.12);color:#ffd768}.badge-danger{background:rgba(255,92,122,.12);color:#ff9aac}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{padding:8px 11px;border-radius:9px;font-size:12px}.empty{text-align:center;padding:35px;color:var(--muted)}.tree{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.tree .tree-node{min-width:150px;padding:18px;text-align:center;border:1px solid var(--line);border-radius:18px;background:#1b0b15}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.stats,.dashboard-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.page-grid{grid-template-columns:1fr}.desktop-nav{gap:10px}}
@media(max-width:760px){.site-header{padding:0 18px}.desktop-nav>a:not(.btn){display:none}.hero{padding-top:55px}.hero h1{font-size:44px}.grid-3,.stats,.dashboard-grid,.kpi-row{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;height:70px;background:rgba(8,20,34,.96);border-top:1px solid var(--line);z-index:99;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:grid;place-items:center;font-size:10px;color:#8ea4bb}.mobile-bottom i{font-size:18px}.mobile-bottom a:hover{color:#fff}.sidebar{position:fixed;z-index:100;left:-280px;transition:.25s}.sidebar-open .sidebar{left:0}.main-panel{width:100%}.mobile-menu{display:block}.topbar{padding:0 16px}.content{padding:18px}.footer{padding-bottom:100px}}

/* =========================================================
   FINTECH MLM HOMEPAGE — EXACT SKETCH LAYOUT
   ========================================================= */
:root{--ink:#10285e;--blue:#1e5eff;--violet:#6632e9;--pink:#ef1591;--cyan:#16bde8;--green:#10ad72;--orange:#ff991b;--soft:#f5f9ff}
body.area-public{background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif}
body.area-public .site-header{height:62px;background:#fff;border-bottom:1px solid #dce8fa;box-shadow:0 2px 10px rgba(28,75,150,.05);padding:0 max(32px,7vw);position:relative}
.sketch-brand{gap:9px;color:#0c2e77;line-height:1}
.sketch-brand .brand-mark{width:42px;height:42px;border-radius:10px;background:transparent;box-shadow:none;color:#1258e8;font-size:33px}
.sketch-brand span:last-child{display:flex;flex-direction:column}
.sketch-brand strong{font-size:19px;color:#154ee0;font-weight:800;letter-spacing:-.4px}
.sketch-brand small{font-size:11px;color:#18366f;font-weight:600;margin-top:3px}
.sketch-nav{gap:27px;height:100%;font-size:12px;color:#182b52}
.sketch-nav>a:not(.header-login):not(.header-register){height:100%;display:flex;align-items:center;position:relative;font-weight:600}
.sketch-nav>a:not(.header-login):not(.header-register):hover,.sketch-nav>a.active{color:#144fe4}
.sketch-nav>a.active:after{content:"";position:absolute;bottom:0;left:50%;width:30px;height:3px;border-radius:3px;transform:translateX(-50%);background:#2c54ff}
.header-login,.header-register{height:36px!important;padding:0 16px!important;border-radius:9px!important;font-size:12px!important;font-weight:700!important}
.header-login{border:1px solid #87a8ff!important;color:#154ce2!important;background:#fff!important;box-shadow:0 4px 14px rgba(43,89,225,.08)}
.header-register{border:0!important;color:#fff!important;background:linear-gradient(90deg,#5c24ed,#ef1591)!important;box-shadow:0 6px 18px rgba(115,38,226,.24)}
.sketch-hero{min-height:316px;padding:18px max(7vw,50px) 12px;display:grid;grid-template-columns:43% 57%;align-items:center;overflow:hidden;background:radial-gradient(circle at 12% 40%,rgba(82,188,255,.25),transparent 34%),radial-gradient(circle at 65% 5%,rgba(144,95,255,.22),transparent 35%),linear-gradient(100deg,#e9fbff 0%,#f1f4ff 48%,#f7e8ff 100%);position:relative}
.sketch-hero:before,.sketch-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.35;pointer-events:none}
.sketch-hero:before{width:300px;height:300px;left:-170px;bottom:-190px;background:#ff5ab8}.sketch-hero:after{width:340px;height:340px;right:-150px;top:-210px;background:#a982ff}
.hero-copy{position:relative;z-index:3;max-width:560px}
.welcome-pill,.tiny-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #a7d8fb;border-radius:20px;background:#e8f8ff;color:#1774db;font-size:10px;font-weight:700}
.hero-copy h1{font-size:40px;line-height:1.02;letter-spacing:-1.2px;color:#102d63;margin:12px 0 8px;font-weight:800}
.hero-copy h1 span{background:linear-gradient(90deg,#165af3,#b31be4,#f01883);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{font-size:13px;line-height:1.45;color:#1d3768;max-width:520px;margin:0}
.hero-buttons{display:flex;gap:10px;margin-top:14px}
.sketch-btn{height:43px;padding:0 25px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800}
.sketch-btn.primary{color:#fff;background:linear-gradient(90deg,#481cf0,#ef198c);box-shadow:0 7px 18px rgba(104,38,226,.23)}
.sketch-btn.outline{color:#124ee6;border:1px solid #7d9cff;background:#fff;min-width:130px}
.hero-network{height:292px;position:relative;z-index:2}
.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);opacity:.28}.glow-a{width:220px;height:220px;left:14%;top:2%;background:#50bfff}.glow-b{width:210px;height:210px;left:40%;top:0;background:#a976ff}
.network-lines{position:absolute;left:9%;top:15%;width:52%;height:72%;background:linear-gradient(90deg,transparent 49.6%,rgba(55,126,223,.55) 49.8%,rgba(55,126,223,.55) 50.2%,transparent 50.4%),linear-gradient(29deg,transparent 49.7%,rgba(55,126,223,.45) 50%,transparent 50.3%),linear-gradient(-29deg,transparent 49.7%,rgba(55,126,223,.45) 50%,transparent 50.3%);opacity:.9}
.network-center,.network-node{position:absolute;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.7);border:3px solid #fff;box-shadow:0 4px 12px rgba(53,103,197,.22);z-index:3}
.network-center{left:33%;top:34%;width:66px;height:66px;background:linear-gradient(135deg,#fff,#dff3ff);color:#145ae8;font-size:24px}.network-node{width:51px;height:51px}.network-node span{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e5f4ff,#fff);color:#1262e6;font-size:18px}.network-node.top{left:31%;top:2%}.network-node.left{left:15%;top:31%}.network-node.right{left:48%;top:31%}.network-node.l2{left:7%;top:63%}.network-node.c2{left:29%;top:63%}.network-node.r2{left:51%;top:63%}.network-node.r3{left:64%;top:52%}
.floating-features{position:absolute;right:7%;top:8%;width:190px;padding:10px 13px;border-radius:24px;background:rgba(255,255,255,.74);box-shadow:0 12px 30px rgba(46,88,160,.12);backdrop-filter:blur(5px);z-index:4}.floating-features div{height:31px;display:flex;align-items:center;gap:9px;color:#142a59;font-size:10px}.floating-features i{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1479ee,#20b6e8);font-size:12px}.floating-features div:nth-child(2) i{background:linear-gradient(135deg,#ff408a,#ff9b25)}.floating-features div:nth-child(3) i{background:#1bc1b2}.floating-features div:nth-child(4) i{background:#ec2394}.floating-features div:nth-child(5) i{background:#6d26e9}.floating-features div:nth-child(6) i{background:#ff9d18}
.growth-badge{position:absolute;right:0;top:40%;width:124px;height:82px;border:2px solid #fff;border-radius:23px 23px 8px 23px;background:rgba(241,250,255,.35);color:#1263e7;text-align:center;padding:10px 6px;font-size:11px;line-height:1.2;font-weight:700;transform:rotate(-4deg);z-index:3}.growth-badge strong{font-size:13px}.growth-badge i{position:absolute;right:8px;bottom:-17px;font-size:28px;transform:rotate(16deg)}
.growth-bars{position:absolute;right:3%;bottom:-1px;height:100px;width:120px;display:flex;align-items:flex-end;gap:7px;z-index:2}.growth-bars i{width:17px;background:linear-gradient(180deg,#087df2,#0cc2c4);border-radius:6px 6px 0 0}.growth-bars i:nth-child(1){height:26px}.growth-bars i:nth-child(2){height:43px}.growth-bars i:nth-child(3){height:59px}.growth-bars i:nth-child(4){height:77px}.growth-bars i:nth-child(5){height:97px}
.counter-bar{max-width:92%;margin:-1px auto 0;position:relative;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:16px;box-shadow:0 8px 28px rgba(39,88,157,.14);border:1px solid #edf3fb;min-height:72px}.counter-item{display:flex;align-items:center;gap:13px;padding:13px 28px;border-right:1px solid #e8eef7}.counter-item:last-child{border-right:0}.counter-icon{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 7px 13px rgba(33,98,210,.18)}.counter-icon.blue{background:#2866f5}.counter-icon.green{background:#0db66f}.counter-icon.pink{background:#ed168d}.counter-icon.orange{background:#ff9915}.counter-item strong{display:block;font-size:20px;line-height:1.1;color:#153d91}.counter-item:nth-child(3) strong{color:#df1989}.counter-item small{display:block;color:#38537f;font-size:11px;margin-top:2px}
.feature-strip{max-width:94%;margin:15px auto 7px;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.feature-strip>div{text-align:center;color:#152f67;font-size:10px}.feature-strip>div b{display:block;margin-top:5px}.feature-tile{width:48px;height:48px;border-radius:13px;margin:auto;display:grid;place-items:center;font-size:20px}.feature-tile.purple{background:#f2eaff;color:#6d20e8}.feature-tile.blue{background:#e9f6ff;color:#0788e7}.feature-tile.green{background:#e9faef;color:#07975f}.feature-tile.red{background:#fff0f3;color:#f23048}.feature-tile.orange{background:#fff3e8;color:#ff8512}.feature-tile.cyan{background:#e9f8ff;color:#00a8df}.feature-tile.pink{background:#fff0f8;color:#ee168b}.feature-tile.sky{background:#eef9ff;color:#1598e7}
.packages-work{background:linear-gradient(120deg,#eef8ff 0%,#f1f6ff 55%,#fff 100%);padding:15px max(4vw,40px) 15px;display:grid;grid-template-columns:72% 28%;gap:16px}.section-title .tiny-pill{padding:3px 8px;font-size:9px}.section-title h2{font-size:26px;line-height:1.05;margin:5px 0 3px;color:#122d68}.section-title p{font-size:11px;color:#35527f;margin:0 0 9px}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.package-card{border-radius:11px;overflow:hidden;background:#fff;border:1px solid #dbe8f5;box-shadow:0 8px 18px rgba(44,85,149,.11)}.package-head{height:43px;padding:0 12px;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:12px}.package-head span{padding:4px 8px;border-radius:12px;background:rgba(255,255,255,.88);color:#2358b8;font-size:9px}.package-card.blue .package-head{background:#2566f4}.package-card.purple .package-head{background:#6d27e8}.package-card.orange .package-head{background:#fb5418}.package-card.green .package-head{background:#069b63}.package-body{padding:10px 12px}.package-price{font-size:25px;font-weight:800;line-height:1;color:#2264e8}.package-card.purple .package-price{color:#6926df}.package-card.orange .package-price{color:#ef5315}.package-card.green .package-price{color:#087f5b}.package-body>small{display:block;text-align:center;color:#3f557a;font-size:9px;margin:3px 0 7px}.package-body ul{list-style:none;padding:0;margin:0 0 9px}.package-body li{font-size:9px;display:flex;gap:6px;align-items:center;color:#253a61;margin:5px 0}.package-body li i{color:#31b843;font-size:11px}.package-body>a{height:33px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-size:10px;font-weight:800;background:#2855ff}.package-card.purple .package-body>a{background:#6e27e8}.package-card.orange .package-body>a{background:#fb5115}.package-card.green .package-body>a{background:#069d62}
.how-card{background:rgba(255,255,255,.72);border-left:1px solid #e2edf8;border-radius:18px;padding:14px 14px 10px}.cyan-pill{color:#008dd7;background:#e7faff;border-color:#a6e4fa}.steps{margin-top:8px}.step{display:grid;grid-template-columns:28px 38px 1fr;align-items:center;gap:8px;background:#fff;border-radius:9px;margin:6px 0;padding:6px 8px;box-shadow:0 4px 10px rgba(48,93,153,.06)}.step>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#2370ee;color:#fff;font-size:12px}.step:nth-child(3)>b{background:#0dbf90}.step:nth-child(4)>b{background:#13b86f}.step:nth-child(5)>b{background:#6425df}.step-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:14px}.step-icon.blue{background:#eaf2ff;color:#2768ef}.step-icon.orange{background:#fff2df;color:#ff9417}.step-icon.purple{background:#f2eaff;color:#6b25e6}.step-icon.green{background:#e8faee;color:#09a05f}.step-icon.violet{background:#f0eaff;color:#6b25e6}.step strong{display:block;color:#172d5e;font-size:10px}.step small{display:block;color:#476184;font-size:8px;line-height:1.25}
.dark-home-section{display:grid;grid-template-columns:34% 40% 26%;gap:0;background:linear-gradient(105deg,#071b46,#0b1c48 65%,#122056);color:#fff;padding:17px max(4vw,40px) 18px;min-height:183px}.live-activity{padding-right:20px;border-right:1px solid rgba(255,255,255,.16)}.dark-home-section h2{font-size:17px;margin:0 0 10px;color:#fff}.live-activity h2 span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#1fdc87;margin-right:8px}.activity-row{display:grid;grid-template-columns:29px 1fr auto auto;align-items:center;gap:6px;padding:4px 0;font-size:9px}.activity-avatar{width:27px;height:27px;border-radius:50%;background:#fff;color:#1760d9;display:grid;place-items:center}.activity-row strong{font-size:9px}.activity-row small{color:#b9c9e4;font-size:8px}.activity-row b{color:#25e395;font-size:9px}.activity-row em{font-style:normal;color:#b0bfd9;font-size:8px}.why-us{padding:0 18px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.why-grid div{min-height:47px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;align-items:center;gap:8px;padding:7px}.why-grid i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#245cff;color:#fff;font-size:13px}.why-grid div:nth-child(2) i{background:#0ca96e}.why-grid div:nth-child(3) i{background:#ff9a12}.why-grid div:nth-child(4) i{background:#ef258e}.why-grid div:nth-child(5) i{background:#7133e8}.why-grid div:nth-child(6) i{background:#15afd7}.why-grid span{font-size:8px;line-height:1.3;color:#fff}.ready-card{margin-left:14px;border-radius:11px;padding:13px 16px;background:linear-gradient(135deg,#4431ee,#ee208e);position:relative;overflow:hidden}.ready-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-75px;top:-75px;background:rgba(255,255,255,.1)}.ready-card>i{font-size:24px;color:#ffd73c}.ready-card h2{font-size:17px;line-height:1.1;margin:5px 0;color:#fff}.ready-card p{font-size:9px;line-height:1.35;color:#eee;margin:0 0 10px}.ready-card a{display:flex;justify-content:center;align-items:center;gap:7px;background:#fff;color:#26317a;border-radius:8px;height:31px;font-size:9px;font-weight:800}
body.area-public .footer{max-width:none;margin:0;padding:15px max(7vw,40px);min-height:76px;border-top:1px solid #e4eaf3;background:#fff;display:grid;grid-template-columns:1.2fr 1.8fr .8fr;align-items:center;gap:20px;color:#4b5d7e;font-size:9px}.footer strong{display:block;color:#154fe2;font-size:17px}.footer small{display:block;color:#17366e;font-size:9px}.footer p{margin:3px 0 0}.footer a{margin:0 9px 0 0}.footer>div:last-child{text-align:right}.area-public .mobile-bottom{display:none}
@media(max-width:1100px){.sketch-nav{gap:13px}.sketch-hero{grid-template-columns:46% 54%;padding-left:4vw;padding-right:4vw}.package-grid{grid-template-columns:repeat(2,1fr)}.packages-work{grid-template-columns:1fr}.how-card{border-left:0}.dark-home-section{grid-template-columns:1fr 1fr}.ready-card{display:none}}
@media(max-width:760px){body.area-public .site-header{height:60px;padding:0 15px}.sketch-nav{display:none}.sketch-brand strong{font-size:16px}.sketch-brand small{font-size:9px}.sketch-hero{grid-template-columns:1fr;min-height:auto;padding:25px 18px 8px}.hero-copy{max-width:none}.hero-copy h1{font-size:34px}.hero-copy p{font-size:11px}.hero-network{height:260px;margin-top:5px}.floating-features{right:1%;width:150px;top:10px}.floating-features div{height:27px;font-size:8px}.growth-badge{right:-1%;top:40%;width:100px;height:70px;font-size:9px}.growth-bars{right:-2%;height:70px;width:90px}.growth-bars i{width:12px}.network-node{transform:scale(.8)}.counter-bar{max-width:94%;grid-template-columns:repeat(2,1fr);margin-top:0}.counter-item{padding:9px 11px;border-bottom:1px solid #e8eef7}.counter-item:nth-child(2){border-right:0}.counter-item strong{font-size:15px}.counter-item small{font-size:8px}.counter-icon{width:34px;height:34px;font-size:15px}.feature-strip{grid-template-columns:repeat(4,1fr);gap:11px 4px;margin-top:13px}.feature-tile{width:40px;height:40px;font-size:16px}.feature-strip>div{font-size:8px}.packages-work{padding:15px 12px}.package-grid{grid-template-columns:1fr 1fr}.package-head{height:38px;font-size:9px}.package-body{padding:8px}.package-price{font-size:19px}.package-body li{font-size:7px}.package-body>a{height:29px;font-size:8px}.section-title h2{font-size:22px}.dark-home-section{grid-template-columns:1fr;padding:14px 15px 80px}.live-activity{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:0 0 12px}.why-us{padding:12px 0}.why-grid{grid-template-columns:repeat(2,1fr)}.area-public .mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;height:58px;background:#fff;border-top:1px solid #dce5f1;z-index:100;box-shadow:0 -4px 15px rgba(37,73,124,.12)}.area-public .mobile-bottom a{display:grid;place-items:center;color:#2b4777;font-size:8px}.area-public .mobile-bottom i{font-size:15px;color:#235ff0}.area-public .footer{grid-template-columns:1fr;text-align:center;padding-bottom:75px}.area-public .footer>div:last-child{text-align:center}.footer a{margin:0 5px}}

/* =========================================================
   FINTECH MLM — GLOBAL SKETCH THEME FOR ALL PAGES
   ========================================================= */
body.area-public{overflow-x:hidden;background:#fff;color:var(--ink,#10285e)}
body.area-public *{scrollbar-width:thin;scrollbar-color:#5d78f5 #eef5ff}
body.area-public ::selection{background:#6334e9;color:#fff}
body.area-public .section{max-width:none;margin:0;padding:34px max(5vw,28px);background:linear-gradient(120deg,#f4faff 0%,#eef5ff 55%,#fff 100%);position:relative;overflow:hidden}
body.area-public .section:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(31,102,255,.12),transparent 68%);pointer-events:none}
body.area-public .section>*,body.area-public .form-page>*{position:relative;z-index:1}
body.area-public .section h1{font-size:clamp(28px,4vw,44px);line-height:1.08;color:#102b68;margin:7px 0 10px;font-weight:800}
body.area-public .section h2{font-size:28px;color:#102b68;font-weight:800}
body.area-public .section p{color:#466287}
body.area-public .eyebrow{display:inline-flex;padding:4px 10px;border-radius:20px;background:#e9f7ff;color:#1267df;border:1px solid #b8e6ff;font-size:10px;font-weight:800;box-shadow:0 5px 14px rgba(31,102,255,.07)}
body.area-public .grid-3{grid-template-columns:repeat(3,1fr);gap:13px}
body.area-public .card{background:rgba(255,255,255,.94);border:1px solid #dce9f7;border-radius:13px;box-shadow:0 8px 22px rgba(38,88,153,.09);color:#173267;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body.area-public .card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(38,88,153,.14);border-color:#bcd4f5}
body.area-public .card h3{color:#16346f;font-size:16px}
body.area-public .muted{color:#557095!important}
body.area-public .feature-icon{background:linear-gradient(135deg,#eef2ff,#e5f7ff);color:#315fe8;border:1px solid #d8e4ff;box-shadow:0 6px 15px rgba(37,93,231,.1)}
body.area-public .btn-primary{background:linear-gradient(90deg,#2858ff,#7128ea,#ed158f);color:#fff;border:0;box-shadow:0 8px 18px rgba(91,54,227,.2);transition:transform .2s ease,box-shadow .2s ease}
body.area-public .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(91,54,227,.27)}
body.area-public .form-page{min-height:calc(100vh - 62px);padding:42px 20px;background:linear-gradient(120deg,#edf8ff,#f0f2ff 55%,#fff);position:relative;overflow:hidden}
body.area-public .form-page:before,body.area-public .form-page:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
body.area-public .form-page:before{width:420px;height:420px;left:-170px;top:-150px;background:radial-gradient(circle,rgba(16,191,239,.16),transparent 68%)}
body.area-public .form-page:after{width:430px;height:430px;right:-180px;bottom:-180px;background:radial-gradient(circle,rgba(237,21,145,.13),transparent 68%)}
body.area-public .form-card{width:min(560px,100%);padding:25px;background:rgba(255,255,255,.94);border:1px solid #d9e7f6;border-radius:18px;box-shadow:0 18px 45px rgba(44,85,149,.13);color:#173267;animation:sketchFloatIn .5s ease both}
body.area-public .form-card h1{color:#102d69;font-size:28px;margin:8px 0 16px}
body.area-public .field{margin:11px 0}.field label{color:#456184!important;font-weight:700;font-size:11px!important}.field input,.field select,.field textarea{background:#f8fbff!important;color:#173267!important;border:1px solid #d5e2f2!important;border-radius:9px!important;padding:10px 12px!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5275f0!important;box-shadow:0 0 0 3px rgba(82,117,240,.09)}
body.area-public .alert{border-radius:9px;font-size:12px}.area-public .tag{background:#eef2ff;color:#5d32e7;border:1px solid #ddd3ff}.area-public .plan-price{color:#245de9}
body.area-public .table-wrap{background:#fff;border:1px solid #dce8f6;box-shadow:0 8px 22px rgba(38,88,153,.08)}
body.area-public .table th{color:#466287;background:#f4f8fd}.area-public .table td{color:#203a69;border-color:#e7eef7}

/* Light sketch application shell */
body.area-user,body.area-admin,body.area-franchisee{background:linear-gradient(135deg,#f1f7ff,#f7f9ff);color:#173267}
body.area-user .app-shell,body.area-admin .app-shell,body.area-franchisee .app-shell{background:linear-gradient(135deg,#f3f8ff,#f9fbff)}
body.area-user .sidebar,body.area-admin .sidebar,body.area-franchisee .sidebar{width:245px;flex-basis:245px;background:rgba(255,255,255,.96);border-right:1px solid #dce8f6;box-shadow:8px 0 25px rgba(37,76,135,.05);padding:16px}
body.area-user .brand-mark,body.area-admin .brand-mark,body.area-franchisee .brand-mark{background:linear-gradient(135deg,#245eff,#6d2ce7);box-shadow:0 8px 18px rgba(48,88,222,.2)}
body.area-user .sidebar-brand,body.area-admin .sidebar-brand,body.area-franchisee .sidebar-brand{color:#174fe1}.sidebar-brand small{color:#59708f!important}
body.area-user .sidebar-user,body.area-admin .sidebar-user,body.area-franchisee .sidebar-user{background:linear-gradient(135deg,#f1f7ff,#f8f5ff);border:1px solid #e0eaf6;color:#18366d}
body.area-user .side-nav a,body.area-admin .side-nav a,body.area-franchisee .side-nav a{color:#456184;transition:.2s ease}.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,#edf3ff,#f5efff)!important;color:#255be8!important;transform:translateX(2px)}
body.area-user .side-nav i,body.area-admin .side-nav i,body.area-franchisee .side-nav i{color:#4168e9}.nav-label{color:#8a9ab1!important}
body.area-user .topbar,body.area-admin .topbar,body.area-franchisee .topbar{height:68px;background:rgba(255,255,255,.9);border-bottom:1px solid #dce8f6;box-shadow:0 4px 18px rgba(34,78,137,.05);color:#173267}
body.area-user .topbar small,body.area-admin .topbar small,body.area-franchisee .topbar small{color:#71839d}
body.area-user .content,body.area-admin .content,body.area-franchisee .content{padding:22px;background:linear-gradient(135deg,#f3f8ff,#fbfcff)}
body.area-user .mini-stat,body.area-admin .mini-stat,body.area-franchisee .mini-stat,body.area-user .card,body.area-admin .card,body.area-franchisee .card{background:#fff;border:1px solid #dce8f6;box-shadow:0 8px 22px rgba(38,88,153,.08);color:#173267;border-radius:14px}
body.area-user .mini-stat .icon,body.area-admin .mini-stat .icon,body.area-franchisee .mini-stat .icon{color:#315fe8}
body.area-user .mini-stat .value,body.area-admin .mini-stat .value,body.area-franchisee .mini-stat .value{color:#173a82}
body.area-user .page-grid,body.area-admin .page-grid,body.area-franchisee .page-grid{gap:14px}
body.area-user .mobile-bottom,body.area-admin .mobile-bottom,body.area-franchisee .mobile-bottom{display:none}
body.area-user .btn-primary,body.area-admin .btn-primary,body.area-franchisee .btn-primary{background:linear-gradient(90deg,#2858ff,#7128ea,#ed158f);border:0;box-shadow:0 7px 17px rgba(78,58,211,.17)}
body.area-user .field input,body.area-user .field select,body.area-user .field textarea,body.area-admin .field input,body.area-admin .field select,body.area-admin .field textarea,body.area-franchisee .field input,body.area-franchisee .field select,body.area-franchisee .field textarea{background:#f8fbff;color:#173267;border:1px solid #d5e2f2}
body.area-user .table-wrap,body.area-admin .table-wrap,body.area-franchisee .table-wrap{background:#fff;border-color:#dce8f6;box-shadow:0 8px 22px rgba(38,88,153,.07)}
body.area-user .table th,body.area-admin .table th,body.area-franchisee .table th{background:#f4f8fd;color:#466287}.area-user .table td,.area-admin .table td,.area-franchisee .table td{color:#203a69;border-color:#e7eef7}

/* Shared animations */
@keyframes sketchFloatIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes sketchPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes sketchGlow{0%,100%{box-shadow:0 8px 22px rgba(45,92,220,.1)}50%{box-shadow:0 12px 30px rgba(112,43,228,.18)}}
body.area-public .section .card,body.area-public .form-card{animation:sketchFloatIn .5s ease both}
body.area-public .section .card:nth-child(2){animation-delay:.06s}body.area-public .section .card:nth-child(3){animation-delay:.12s}
body.area-public .form-card .eyebrow{animation:sketchPulse 2.8s ease-in-out infinite}

@media(max-width:760px){
 body.area-public .section{padding:25px 15px}.area-public .grid-3{grid-template-columns:1fr}.area-public .section h1{font-size:30px}.area-public .form-card{padding:18px}
 body.area-user .sidebar,body.area-admin .sidebar,body.area-franchisee .sidebar{left:-265px;position:fixed;z-index:100;height:100vh;transition:left .25s ease}.sidebar-open .sidebar{left:0!important}
 body.area-user .mobile-bottom,body.area-admin .mobile-bottom,body.area-franchisee .mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:60px;background:rgba(255,255,255,.97);border-top:1px solid #dce7f4;box-shadow:0 -6px 20px rgba(36,74,130,.1);z-index:99;padding-bottom:env(safe-area-inset-bottom)}
 body.area-user .mobile-bottom a,body.area-admin .mobile-bottom a,body.area-franchisee .mobile-bottom a{display:grid;place-items:center;color:#4d6280;font-size:8px;gap:1px}body.area-user .mobile-bottom i,body.area-admin .mobile-bottom i,body.area-franchisee .mobile-bottom i{color:#2a61ed;font-size:15px}
 body.area-user .content,body.area-admin .content,body.area-franchisee .content{padding:15px 12px 78px}.topbar{padding:0 14px!important}
}

/* Public inner pages — same exact visual language as the sketch */
.sketch-inner-hero{min-height:245px;padding:36px max(6vw,30px);display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:center;background:linear-gradient(115deg,#eef9ff 0%,#edf4ff 50%,#fff1fa 100%);position:relative;overflow:hidden}
.sketch-inner-hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;left:-250px;top:-300px;background:radial-gradient(circle,rgba(16,190,240,.16),transparent 65%)}
.sketch-inner-hero h1{font-size:clamp(30px,4.4vw,48px);line-height:1.08;color:#102d69;margin:10px 0}.sketch-inner-hero h1 span{background:linear-gradient(90deg,#185ff4,#7428e9,#ed168e);-webkit-background-clip:text;background-clip:text;color:transparent}.sketch-inner-hero p{max-width:690px;color:#486587;font-size:13px;margin:0}.sketch-inner-hero.compact{min-height:205px}.inner-actions{display:flex;gap:10px;margin-top:18px}.inner-visual{height:175px;border-radius:25px;background:linear-gradient(135deg,#315eff,#7128e7,#ed188e);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;overflow:hidden;box-shadow:0 18px 35px rgba(82,60,211,.2);animation:sketchFloat 4s ease-in-out infinite}.inner-visual>i{font-size:50px}.inner-visual strong,.inner-visual span{font-size:14px;line-height:1.2}.inner-visual .visual-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}.inner-visual .orb1{width:170px;height:170px;right:-70px;top:-80px}.inner-visual .orb2{width:100px;height:100px;left:-35px;bottom:-50px}.step-visual{background:linear-gradient(135deg,#17bce9,#2567f5)}.income-visual{flex-direction:column;background:linear-gradient(135deg,#0cad73,#16a7d9)}.income-visual strong{font-size:27px}.income-visual small{font-size:10px}.income-visual i{font-size:30px;position:absolute;right:22px;bottom:18px;opacity:.5}
.tiny-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:20px;border:1px solid #bddcff;background:#edf6ff;color:#2465df;font-size:9px;font-weight:800}.pink-pill{background:#fff0fa;border-color:#ffc6e7;color:#dc258a}.green-pill{background:#eafaf2;border-color:#bcead3;color:#079b61}.cyan-pill{background:#e8faff;border-color:#b8eafa;color:#008dcf}
.sketch-btn{height:42px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;transition:.22s ease}.sketch-btn.primary{color:#fff;background:linear-gradient(90deg,#2b54ff,#7027e8,#ec178f);box-shadow:0 8px 17px rgba(74,57,214,.18)}.sketch-btn.outline{color:#1e58e9;background:#fff;border:1px solid #6888ef}.sketch-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(48,85,181,.16)}
.sketch-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px max(6vw,30px);background:#fff}.sketch-info-grid article{background:#fff;border:1px solid #dce8f6;border-radius:13px;padding:18px;box-shadow:0 8px 20px rgba(38,88,153,.08);transition:.25s ease}.sketch-info-grid article:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(38,88,153,.13)}.sketch-info-grid article>i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2a61f4,#6b2de6);font-size:18px}.sketch-info-grid article:nth-child(2)>i{background:linear-gradient(135deg,#08ad71,#13a9db)}.sketch-info-grid article:nth-child(3)>i{background:linear-gradient(135deg,#ed218d,#7130e8)}.sketch-info-grid h3{margin:12px 0 5px;color:#17346f;font-size:15px}.sketch-info-grid p{margin:0;color:#557095;font-size:10px;line-height:1.55}.workflow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:25px max(5vw,25px);background:linear-gradient(120deg,#eef8ff,#fff7fb)}.workflow-grid article{background:#fff;border:1px solid #dce8f6;border-radius:12px;padding:15px;box-shadow:0 7px 18px rgba(38,88,153,.08);position:relative;transition:.25s ease}.workflow-grid article:hover{transform:translateY(-5px)}.workflow-grid article>b{position:absolute;right:10px;top:10px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#2b66f2;color:#fff;font-size:10px}.workflow-grid article:nth-child(2)>b{background:#ff9516}.workflow-grid article:nth-child(3)>b{background:#0ab88a}.workflow-grid article:nth-child(4)>b{background:#13a76c}.workflow-grid article:nth-child(5)>b{background:#6c2be3}.workflow-grid article>i{font-size:23px;color:#2b66f2;margin-top:20px}.workflow-grid article:nth-child(2)>i{color:#ff9516}.workflow-grid article:nth-child(3)>i{color:#702be5}.workflow-grid article:nth-child(4)>i{color:#0aa66c}.workflow-grid article:nth-child(5)>i{color:#6c2be3}.workflow-grid h3{font-size:13px;color:#18366e;margin:10px 0 5px}.workflow-grid p{font-size:9px;color:#5a6f8f;margin:0;line-height:1.45}
.public-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:28px max(5vw,25px);background:linear-gradient(120deg,#eef8ff,#fff7fb)}.public-plans-grid .package-card{animation:sketchFloatIn .5s ease both}.public-plans-grid .package-card:nth-child(2){animation-delay:.07s}.public-plans-grid .package-card:nth-child(3){animation-delay:.14s}.public-plans-grid .package-card:nth-child(4){animation-delay:.21s}.public-plans-grid .package-body p{font-size:9px;color:#5a6f8f;min-height:38px}.public-plans-grid .package-body>a{margin-top:10px}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:28px max(6vw,30px);background:linear-gradient(120deg,#eef8ff,#fff7fb)}.faq-grid details{background:#fff;border:1px solid #dce8f6;border-radius:12px;padding:15px;box-shadow:0 7px 18px rgba(38,88,153,.07);transition:.2s ease}.faq-grid details[open]{border-color:#bcd3fa;box-shadow:0 12px 25px rgba(38,88,153,.1)}.faq-grid summary{cursor:pointer;list-style:none;color:#18366e;font-weight:800;font-size:12px}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary i{color:#2a61f1;margin-right:8px}.faq-grid p{font-size:10px;line-height:1.6;color:#5a6f8f;margin:10px 0 0;padding-left:23px}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:28px max(6vw,30px);background:linear-gradient(120deg,#eef8ff,#fff7fb)}.contact-grid article{display:flex;gap:10px;align-items:center;padding:16px;background:#fff;border:1px solid #dce8f6;border-radius:12px;box-shadow:0 7px 18px rgba(38,88,153,.07)}.contact-grid article>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#285ff3,#6d2ce6)}.contact-grid article:nth-child(2)>span{background:linear-gradient(135deg,#08ad71,#15a8d9)}.contact-grid article:nth-child(3)>span{background:linear-gradient(135deg,#ef168f,#7130e8)}.contact-grid article:nth-child(4)>span{background:linear-gradient(135deg,#ff9718,#f14919)}.contact-grid small{display:block;color:#8292a8;font-size:8px}.contact-grid strong{display:block;color:#1a376d;font-size:10px;word-break:break-word}.legal-page{padding:34px max(8vw,30px);background:linear-gradient(120deg,#eef8ff,#fff7fb);min-height:450px}.legal-page h1{font-size:34px;color:#17356f;margin:10px 0 15px}.legal-card{max-width:900px;background:#fff;border:1px solid #dce8f6;border-radius:14px;padding:22px;box-shadow:0 8px 22px rgba(38,88,153,.08)}.legal-card h3{color:#17366e;font-size:15px}.legal-card p{color:#557095;font-size:11px;line-height:1.7}.error-page{min-height:500px;text-align:center;padding:80px 20px;background:linear-gradient(120deg,#eef8ff,#fff1fa)}.error-number{font-size:100px;line-height:1;font-weight:900;background:linear-gradient(90deg,#245eff,#702be6,#ed168f);-webkit-background-clip:text;background-clip:text;color:transparent}.error-page h1{color:#17356f}.error-page p{color:#5a6f8f;font-size:12px}
@keyframes sketchFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:1000px){.public-plans-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:repeat(2,1fr)}.sketch-inner-hero{grid-template-columns:1fr 280px}.sketch-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sketch-inner-hero{grid-template-columns:1fr;padding:26px 16px 20px}.sketch-inner-hero h1{font-size:30px}.inner-visual{height:120px}.sketch-info-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;padding:18px 14px}.workflow-grid{grid-template-columns:1fr 1fr;padding:18px 14px}.public-plans-grid{grid-template-columns:1fr 1fr;padding:18px 12px}.public-plans-grid .package-body p{min-height:auto}.error-page{min-height:430px;padding-top:65px}.error-number{font-size:76px}}
@media(max-width:470px){.workflow-grid,.public-plans-grid{grid-template-columns:1fr}.inner-actions{flex-wrap:wrap}.inner-actions .sketch-btn{flex:1}.contact-grid article{padding:12px}}

/* =========================================================
   FINTECH MLM — LUXURY GOLD + BLACK MASTER THEME
   Applied across public, user, admin and franchisee areas.
   ========================================================= */
:root{
 --gold:#c21870;--gold2:#f06aa9;--gold3:#7a0f43;--gold-soft:#ffd0e5;
 --black:#0a0609;--black2:#0d0d0b;--black3:#14130f;--panel-gold:#1d0c17;
 --gold-line:rgba(194,24,112,.28);--gold-glow:rgba(194,24,112,.18);--green:#20e38b;--red:#ff5367;
 --lux-shadow:0 18px 50px rgba(0,0,0,.42),0 0 28px rgba(194,24,112,.05);
}
html,body{background:#050505!important;color:#f6f2e7!important}
body{font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 75% 0%,rgba(194,24,112,.10),transparent 28%),linear-gradient(135deg,#050505,#10070d 45%,#050505)!important;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 90% 90%,rgba(194,24,112,.06),transparent 25%),linear-gradient(120deg,transparent 0 35%,rgba(255,215,100,.025) 50%,transparent 65%)}
a{color:inherit}
/* public shell */
body.area-public .site-header{height:72px;background:rgba(7,7,6,.94)!important;border-bottom:1px solid var(--gold-line)!important;box-shadow:0 8px 30px rgba(0,0,0,.35)}
body.area-public .sketch-brand strong,body.area-public .sketch-brand b{color:var(--gold2)!important}
body.area-public .sketch-brand small{color:#c8b989!important}
body.area-public .brand-mark{background:linear-gradient(135deg,#8f6200,#f7d45b,#9d6a05)!important;color:#111;box-shadow:0 0 25px rgba(194,24,112,.18)}
body.area-public .sketch-nav{color:#e8dfc9}
body.area-public .sketch-nav>a:not(.header-login):not(.header-register):hover,body.area-public .sketch-nav>a.active{color:var(--gold2)!important}
body.area-public .sketch-nav>a.active:after{background:linear-gradient(90deg,#b77b00,#f06aa9)!important}
body.area-public .header-login{background:#111!important;color:var(--gold2)!important;border-color:#9b761f!important}
body.area-public .header-register{background:linear-gradient(135deg,#9c6b06,#f3c84d,#a66e06)!important;color:#0a0906!important;box-shadow:0 8px 22px rgba(194,24,112,.18)!important}
body.area-public .sketch-hero,body.area-public .packages-work,body.area-public .feature-strip,body.area-public .counter-bar,body.area-public .sketch-info-grid,body.area-public .workflow-grid,body.area-public .public-plans-grid,body.area-public .faq-grid,body.area-public .contact-grid,body.area-public .legal-page,body.area-public .error-page{background:transparent!important}
body.area-public .sketch-hero{background:radial-gradient(circle at 65% 5%,rgba(194,24,112,.15),transparent 28%),radial-gradient(circle at 10% 70%,rgba(184,131,16,.12),transparent 28%),linear-gradient(135deg,#0d070b,#15130d 52%,#0a0609)!important}
body.area-public .hero-copy h1,body.area-public .section-title h2,body.area-public .sketch-inner-hero h1,body.area-public .section h2{color:#fff7dc!important}
body.area-public .hero-copy h1 span,body.area-public .sketch-inner-hero h1 span{background:linear-gradient(90deg,#fff0a8,#c21870,#a8750b)!important;-webkit-background-clip:text;background-clip:text;color:transparent}
body.area-public .hero-copy p,body.area-public .section-title p,body.area-public .sketch-inner-hero p{color:#bdb49f!important}
body.area-public .welcome-pill,body.area-public .tiny-pill{background:rgba(194,24,112,.09)!important;border-color:rgba(194,24,112,.32)!important;color:var(--gold2)!important}
body.area-public .sketch-btn.primary{background:linear-gradient(135deg,#9a6906,#c21870,#a16c08)!important;color:#0b0904!important;box-shadow:0 10px 25px rgba(194,24,112,.18)!important}
body.area-public .sketch-btn.outline{background:#111!important;border-color:#9a761f!important;color:var(--gold2)!important}
body.area-public .counter-bar{background:#180b14!important;border-color:var(--gold-line)!important;box-shadow:var(--lux-shadow)!important}
body.area-public .counter-item{border-color:var(--gold-line)!important}.counter-item strong{color:var(--gold2)!important}.counter-item small{color:#bdb49f!important}
body.area-public .counter-icon{background:linear-gradient(135deg,#9d6c08,#f4c84c)!important;color:#100e07!important}
body.area-public .feature-strip>div{color:#ddd3bb}.feature-tile{background:#1b0b15!important;color:var(--gold2)!important;border:1px solid var(--gold-line);box-shadow:inset 0 0 20px rgba(194,24,112,.04)}
body.area-public .packages-work{background:linear-gradient(135deg,#0d070b,#14120d)!important;border-top:1px solid rgba(194,24,112,.08);border-bottom:1px solid rgba(194,24,112,.08)}
body.area-public .package-card,body.area-public .how-card,body.area-public .sketch-info-grid article,body.area-public .workflow-grid article,body.area-public .faq-grid details,body.area-public .contact-grid article,body.area-public .legal-card{background:linear-gradient(145deg,#1b0b15,#0b0b09)!important;border-color:var(--gold-line)!important;color:#eee6d4;box-shadow:var(--lux-shadow)!important}
body.area-public .package-head{background:linear-gradient(135deg,#8e6000,#f4c94d)!important;color:#111!important}.package-head span{color:#2b210b!important}.package-price{color:var(--gold2)!important}.package-body>small,.package-body p,.package-body li,.workflow-grid p,.faq-grid p,.contact-grid small,.contact-grid strong{color:#bcb29c!important}.package-body li i{color:var(--green)!important}.package-body>a{background:linear-gradient(135deg,#9b6907,#e83e8c)!important;color:#0c0a05!important}
body.area-public .sketch-info-grid article>i,body.area-public .contact-grid article>span{background:linear-gradient(135deg,#9d6b08,#f5cc59)!important;color:#100d06!important}
body.area-public .inner-visual{background:linear-gradient(135deg,#9b6804,#f5ca4e,#8d5e02)!important;color:#100d06!important}
body.area-public .footer{background:#0a0609!important;border-top-color:var(--gold-line)!important;color:#9f967f!important}.footer strong{color:var(--gold2)}
/* application shell */
body.area-user .app-shell,body.area-admin .app-shell,body.area-franchisee .app-shell{background:linear-gradient(135deg,#080407,#10070d 52%,#0a0609)!important}
body.area-user .sidebar,body.area-admin .sidebar,body.area-franchisee .sidebar{width:238px;flex-basis:238px;background:linear-gradient(180deg,#0d070b,#080407)!important;border-right:1px solid var(--gold-line)!important;box-shadow:10px 0 40px rgba(0,0,0,.3);position:sticky}
body.area-user .sidebar-brand,body.area-admin .sidebar-brand,body.area-franchisee .sidebar-brand{padding:5px 4px 14px;border-bottom:1px solid rgba(194,24,112,.15)}
body.area-user .sidebar-brand strong,body.area-admin .sidebar-brand strong,body.area-franchisee .sidebar-brand strong{color:var(--gold2);font-size:18px}
body.area-user .sidebar-brand small,body.area-admin .sidebar-brand small,body.area-franchisee .sidebar-brand small{color:#a99e83!important}
body.area-user .sidebar-user,body.area-admin .sidebar-user,body.area-franchisee .sidebar-user{background:linear-gradient(145deg,#15130d,#12090f)!important;border:1px solid var(--gold-line);box-shadow:inset 0 0 25px rgba(194,24,112,.035)}
body.area-user .sidebar-user strong,body.area-admin .sidebar-user strong,body.area-franchisee .sidebar-user strong{color:#f4eedf}.sidebar-user small{color:#9f967f!important}
body.area-user .avatar,body.area-admin .avatar,body.area-franchisee .avatar{background:linear-gradient(135deg,#9d6a05,#e83e8c)!important;color:#0a0905;border:2px solid #c21870;box-shadow:0 0 16px rgba(194,24,112,.16)}
body.area-user .side-nav a,body.area-admin .side-nav a,body.area-franchisee .side-nav a{color:#c5bca7;border:1px solid transparent;transition:.22s ease}
body.area-user .side-nav a:hover,body.area-user .side-nav a.active,body.area-admin .side-nav a:hover,body.area-admin .side-nav a.active,body.area-franchisee .side-nav a:hover,body.area-franchisee .side-nav a.active{background:linear-gradient(90deg,rgba(194,24,112,.19),rgba(194,24,112,.03))!important;color:#fff7d8!important;border-color:rgba(194,24,112,.45);box-shadow:0 0 20px rgba(194,24,112,.08),inset 0 0 20px rgba(194,24,112,.04)}
body.area-user .side-nav i,body.area-admin .side-nav i,body.area-franchisee .side-nav i{color:var(--gold2)}.nav-label{color:#8d835f!important}
body.area-user .main-panel,body.area-admin .main-panel,body.area-franchisee .main-panel{background:radial-gradient(circle at 90% 0%,rgba(194,24,112,.08),transparent 24%),linear-gradient(135deg,#080806,#0d0c09)!important}
.fintech-topbar{height:76px!important;background:rgba(8,8,6,.92)!important;border-bottom:1px solid var(--gold-line)!important;backdrop-filter:blur(18px)!important;gap:14px}
.top-search{width:min(330px,32vw);height:38px;border:1px solid rgba(194,24,112,.35);border-radius:22px;background:#0d0c09;display:flex;align-items:center;padding:0 14px;color:#8f865f;box-shadow:inset 0 0 15px rgba(194,24,112,.025)}.top-search i{color:var(--gold)}.top-search input{border:0;outline:0;background:transparent;color:#eee;width:100%;padding-left:9px}.top-search input::placeholder{color:#77705f}.top-page-title{display:none}.topbar-date{margin-left:auto;display:flex;align-items:center;gap:9px;border:1px solid rgba(194,24,112,.28);padding:7px 12px;border-radius:12px;color:#eee5ce;font-size:11px}.topbar-date>i{color:var(--gold);font-size:17px}.topbar-date small{display:block;color:#9d947e;font-size:9px;margin-top:1px}.fintech-actions{display:flex!important;align-items:center;gap:8px!important;color:#c5baa1!important}.top-icon{width:32px;height:32px;border:1px solid rgba(194,24,112,.3);border-radius:50%;display:grid;place-items:center;position:relative;color:var(--gold2)}.top-icon b{position:absolute;right:-3px;top:-4px;width:15px;height:15px;border-radius:50%;background:#ef4b57;color:#fff;font-size:8px;display:grid;place-items:center}.live-dot{background:var(--green)!important;box-shadow:0 0 10px rgba(32,227,139,.45)}
body.area-user .content,body.area-admin .content,body.area-franchisee .content{padding:26px 24px 40px}
body.area-user .card,body.area-admin .card,body.area-franchisee .card,body.area-user .table-wrap,body.area-admin .table-wrap,body.area-franchisee .table-wrap{background:linear-gradient(145deg,#1b0b15,#0d0c09)!important;border:1px solid var(--gold-line)!important;box-shadow:var(--lux-shadow)!important;color:#f2ecdd}
body.area-user .mini-stat,body.area-admin .mini-stat,body.area-franchisee .mini-stat{position:relative;overflow:hidden;min-height:142px;border-radius:15px!important}.mini-stat:after{content:"";position:absolute;width:150px;height:70px;right:-25px;bottom:-25px;border-radius:50%;border-top:2px solid rgba(194,24,112,.55);transform:rotate(-9deg);box-shadow:0 -7px 0 rgba(194,24,112,.12),0 -14px 0 rgba(194,24,112,.07)}
body.area-user .mini-stat .icon,body.area-admin .mini-stat .icon,body.area-franchisee .mini-stat .icon{color:var(--gold2)!important;font-size:22px}.mini-stat .value{color:#fff!important;font-size:30px!important}.mini-stat .muted{color:#a79d87!important}
body.area-user h1,body.area-user h2,body.area-user h3,body.area-admin h1,body.area-admin h2,body.area-admin h3,body.area-franchisee h1,body.area-franchisee h2,body.area-franchisee h3{color:#fff5da}
body.area-user .table th,body.area-admin .table th,body.area-franchisee .table th{color:#bda95f!important;border-bottom-color:rgba(194,24,112,.2)!important}.table td{color:#d8cfbc;border-bottom-color:rgba(255,255,255,.055)!important}.table tr:hover td{background:rgba(194,24,112,.035)}
body.area-user .btn-primary,body.area-admin .btn-primary,body.area-franchisee .btn-primary{background:linear-gradient(135deg,#9c6907,#e83e8c,#a46e07)!important;color:#0a0905!important;border:0!important;box-shadow:0 9px 22px rgba(194,24,112,.15)}
body.area-user .btn-ghost,body.area-admin .btn-ghost,body.area-franchisee .btn-ghost{background:#180b14!important;border-color:var(--gold-line)!important;color:#e9dfc5!important}
body.area-user .badge-success,body.area-admin .badge-success,body.area-franchisee .badge-success{background:rgba(32,227,139,.1);color:#47ef9d}.badge-warning{background:rgba(194,24,112,.1)!important;color:var(--gold2)!important}
body.area-user .form-card,body.area-admin .form-card,body.area-franchisee .form-card{background:linear-gradient(145deg,#1d0c17,#0b0b09)!important;border-color:var(--gold-line)!important;box-shadow:var(--lux-shadow)!important}.field input,.field select,.field textarea{background:#0d070b!important;border-color:rgba(194,24,112,.2)!important;color:#f1ead9!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(194,24,112,.08)}
/* animated luxury effects */
@keyframes goldPulse{0%,100%{box-shadow:0 0 0 rgba(194,24,112,0)}50%{box-shadow:0 0 24px rgba(194,24,112,.11)}}
@keyframes goldFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
body.area-user .card:hover,body.area-admin .card:hover,body.area-franchisee .card:hover{transform:translateY(-2px);border-color:rgba(194,24,112,.42)!important;transition:.25s ease}
body.area-user .mini-stat:hover,body.area-admin .mini-stat:hover,body.area-franchisee .mini-stat:hover{animation:goldPulse 2.2s ease-in-out infinite}
body.area-user .brand-mark,body.area-admin .brand-mark,body.area-franchisee .brand-mark{background:linear-gradient(135deg,#8d5e00,#e83e8c,#a87005)!important;color:#0b0904}
body.area-user .mobile-bottom,body.area-admin .mobile-bottom,body.area-franchisee .mobile-bottom{background:rgba(8,8,6,.98)!important;border-top-color:var(--gold-line)!important;box-shadow:0 -10px 30px rgba(0,0,0,.45)!important}.mobile-bottom a{color:#9d947e!important}.mobile-bottom i{color:var(--gold2)!important}
@media(max-width:900px){.top-search{display:none}.topbar-date{margin-left:auto}.fintech-actions{font-size:10px!important}.top-icon{display:none}}
@media(max-width:760px){body.area-user .sidebar,body.area-admin .sidebar,body.area-franchisee .sidebar{background:#0a0609!important}.topbar-date{display:none}body.area-user .content,body.area-admin .content,body.area-franchisee .content{padding:16px 12px 76px}.dashboard-grid{gap:10px}.mini-stat{min-height:120px!important;padding:15px!important}.mini-stat .value{font-size:24px!important}}
/* User dashboard luxury widgets */
.kpi-up{display:block;color:var(--green);font-size:10px;margin-top:8px}.card-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.card-heading-row h3{margin:0}.card-heading-row p{margin:3px 0 0;font-size:10px}.luxury-main-grid{grid-template-columns:1.35fr .65fr}.account-profile{display:flex;align-items:center;gap:12px;margin:12px 0 16px}.account-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9d6a05,#f5d067);color:#10060c;border:2px solid #d7ae3e;box-shadow:0 0 20px rgba(194,24,112,.18)}.account-profile strong{display:block;font-size:17px}.account-profile span{display:block;color:#9e947d;font-size:11px;margin-top:2px}.account-lines p{display:flex;gap:10px;align-items:center;color:#c3b9a5;font-size:11px;margin:10px 0}.account-lines p i{width:17px;color:var(--gold2);text-align:center}.text-green{color:var(--green)}.member-since{margin-top:16px;border:1px solid rgba(194,24,112,.35);border-radius:13px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,rgba(194,24,112,.13),rgba(194,24,112,.03))}.member-since>i:first-child{font-size:24px;color:var(--gold2)}.member-since>i:last-child{margin-left:auto;color:var(--gold2)}.member-since span{display:block}.member-since small{display:block;color:#958a72;font-size:9px}.member-since strong{display:block;color:#f6df8b;font-size:12px}.txn-icon{display:inline-flex;gap:6px;align-items:center;color:#d6ccb8}.amount-credit{color:#28e68d!important}.amount-debit{color:#ff6674!important}.luxury-banner{margin-top:18px;min-height:92px;border:1px solid rgba(194,24,112,.55);border-radius:15px;background:radial-gradient(circle at 12% 50%,rgba(194,24,112,.18),transparent 24%),linear-gradient(135deg,#19150a,#0e0d09);display:flex;align-items:center;gap:18px;padding:14px 20px;box-shadow:var(--lux-shadow);overflow:hidden;position:relative}.luxury-banner:after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-150px;border-radius:50%;border:2px solid rgba(194,24,112,.12);box-shadow:0 0 0 18px rgba(194,24,112,.04),0 0 0 36px rgba(194,24,112,.025)}.banner-gift{width:68px;height:68px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#8f5f02,#f5cc57);color:#0a0905;font-size:30px}.luxury-banner h2{margin:0;color:#f6d46b;font-size:22px}.luxury-banner p{margin:2px 0 0;color:#c0b49a;font-size:11px}.luxury-banner .btn{margin-left:auto;z-index:2}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:18px;margin-top:18px}.chart-total{color:#f5d46d;font-size:18px}.gold-bars{height:155px;display:flex;align-items:flex-end;gap:10px;padding:18px 8px 0;border-top:1px solid rgba(194,24,112,.1)}.gold-bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.gold-bar{width:100%;max-width:15px;background:linear-gradient(180deg,#ffe58c,#b77c05);border-radius:4px 4px 0 0;box-shadow:0 0 10px rgba(194,24,112,.16);min-height:8px}.gold-bar-wrap small{color:#857c69;font-size:8px}.team-growth-list{display:grid;gap:13px;margin-top:10px}.team-growth-list>div{display:grid;grid-template-columns:45px 1fr 25px;gap:8px;align-items:center;font-size:9px;color:#938a76}.growth-track{height:8px;border-radius:99px;background:#080806;border:1px solid rgba(194,24,112,.12);overflow:hidden}.growth-track b{display:block;height:100%;background:linear-gradient(90deg,#9e6a05,#f5cf60);border-radius:99px}.team-growth-list strong{color:#e8d897}.referral-card h3{margin:0}.referral-box{display:flex;align-items:center;border:1px solid rgba(194,24,112,.2);background:#0d070b;border-radius:10px;overflow:hidden;margin:13px 0}.referral-box span{padding:10px;font-size:9px;color:#bdb39e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.referral-box button{width:38px;height:38px;border:0;background:linear-gradient(135deg,#9e6906,#f5cc59);color:#10060c}.social-row{display:flex;gap:8px}.social-row a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1b0b15;border:1px solid rgba(194,24,112,.25);color:#e8d38a}.share-link{display:flex;justify-content:center;gap:7px;color:#f4d266;font-size:10px;font-weight:700;margin-top:14px}.luxury-cta{margin-top:18px;border:1px solid rgba(194,24,112,.4);border-radius:15px;background:radial-gradient(circle at 80% 50%,rgba(194,24,112,.14),transparent 28%),linear-gradient(135deg,#15120a,#10070d);display:flex;align-items:center;gap:16px;padding:16px 22px}.luxury-cta>div:first-child{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9c6805,#e83e8c);color:#10060c;font-size:24px}.luxury-cta h2{margin:0;color:#f5d36e;font-size:20px}.luxury-cta p{margin:3px 0 0;color:#bcb09a;font-size:10px}.luxury-cta .btn{margin-left:auto}.card-heading-row .btn{flex-shrink:0}
@media(max-width:1100px){.dashboard-bottom-grid{grid-template-columns:1fr 1fr}.referral-card{grid-column:1/-1}.luxury-main-grid{grid-template-columns:1fr}.topbar-date{display:none}}
@media(max-width:700px){.luxury-banner,.luxury-cta{flex-wrap:wrap}.luxury-banner .btn,.luxury-cta .btn{margin-left:0}.banner-gift{width:50px;height:50px}.luxury-banner h2{font-size:18px}.dashboard-bottom-grid{grid-template-columns:1fr}.luxury-cta>div:nth-child(2){flex:1}.luxury-main-grid{margin-top:12px}}

.gold-bar.bar-p0{height:8%}
.gold-bar.bar-p10{height:10%}
.gold-bar.bar-p20{height:20%}
.gold-bar.bar-p30{height:30%}
.gold-bar.bar-p40{height:40%}
.gold-bar.bar-p50{height:50%}
.gold-bar.bar-p60{height:60%}
.gold-bar.bar-p70{height:70%}
.gold-bar.bar-p80{height:80%}
.gold-bar.bar-p90{height:90%}
.gold-bar.bar-p100{height:100%}
.growth-track b.growth-p0{width:0%}
.growth-track b.growth-p10{width:10%}
.growth-track b.growth-p20{width:20%}
.growth-track b.growth-p30{width:30%}
.growth-track b.growth-p40{width:40%}
.growth-track b.growth-p50{width:50%}
.growth-track b.growth-p60{width:60%}
.growth-track b.growth-p70{width:70%}
.growth-track b.growth-p80{width:80%}
.growth-track b.growth-p90{width:90%}
.growth-track b.growth-p100{width:100%}

.workspace-actions{margin-top:15px}.admin-dashboard-grid{grid-template-columns:1.2fr 1fr .7fr}.admin-kpis{display:grid;gap:10px;margin:15px 0}.admin-kpis div{padding:11px;border:1px solid rgba(194,24,112,.16);border-radius:10px;background:#0a0907}.admin-kpis span{display:block;color:#948b77;font-size:9px}.admin-kpis strong{display:block;color:#f4d56d;font-size:18px;margin-top:3px}.quick-title{margin-top:20px!important;font-size:13px!important}

.tree-children{margin-top:25px}.install-submit{width:100%}

/* =========================================================
   FINTECH MLM — GOLD BLACK MASTER THEME
   Final visual override: all public + user + admin + franchisee
   ========================================================= */
:root{
  --gold:#c21870;
  --gold-bright:#ffe58a;
  --gold-dark:#7a0f43;
  --gold-deep:#5d3b00;
  --black:#0a0609;
  --black-2:#0d0c09;
  --black-3:#1b0b15;
  --black-4:#1c1810;
  --cream:#fff7df;
  --muted-gold:#b9aa87;
  --gold-border:rgba(194,24,112,.28);
  --gold-border-strong:rgba(194,24,112,.58);
  --gold-shadow:0 16px 45px rgba(0,0,0,.48),0 0 28px rgba(194,24,112,.07);
}

html{scroll-behavior:smooth}
body{font-size:15px;letter-spacing:.01em}
body.area-public,body.area-user,body.area-admin,body.area-franchisee{
  background:#0a0609!important;color:#f8f0dc!important;
  background-image:radial-gradient(circle at 85% 5%,rgba(194,24,112,.09),transparent 28%),radial-gradient(circle at 5% 80%,rgba(194,24,112,.055),transparent 24%)!important;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,transparent 0 42%,rgba(194,24,112,.018) 50%,transparent 58%);animation:goldSweep 12s linear infinite}

/* Global typography */
h1,h2,h3,h4,h5,h6,strong,b{color:var(--cream)}
p,span,small,label,.muted{color:#c7bda8}
a{transition:color .25s ease,transform .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease}

/* Header / public navigation */
body.area-public .site-header{
  height:76px!important;padding:0 clamp(22px,6vw,86px)!important;
  background:rgba(5,5,4,.94)!important;border-bottom:1px solid var(--gold-border)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.45),0 1px 0 rgba(194,24,112,.06)!important;
  backdrop-filter:blur(18px);position:sticky!important;top:0;z-index:100;
}
.sketch-brand{color:var(--gold-bright)!important;font-size:20px!important;gap:11px!important}
.sketch-brand .brand-mark,.sidebar-brand .brand-mark{
  background:linear-gradient(135deg,#8c5d00,#f4c64d,#9c6805)!important;color:#0d070b!important;
  border:1px solid rgba(255,229,138,.55);box-shadow:0 0 24px rgba(194,24,112,.18)!important;
}
.sketch-brand small,.sidebar-brand small{color:#a99a78!important;font-size:11px!important}
.desktop-nav{gap:25px!important}
.desktop-nav>a:not(.btn){color:#ded4bf!important;font-size:14px!important;font-weight:700!important;position:relative}
.desktop-nav>a:not(.btn):after{content:"";position:absolute;left:50%;bottom:-24px;width:0;height:3px;border-radius:9px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-bright));transform:translateX(-50%);transition:.3s}
.desktop-nav>a:not(.btn):hover,.desktop-nav>a.active{color:var(--gold-bright)!important}
.desktop-nav>a:not(.btn):hover:after,.desktop-nav>a.active:after{width:24px}
.header-login,.header-register{font-size:14px!important;padding:11px 18px!important;border-radius:11px!important}
.header-login{color:var(--gold-bright)!important;background:#12090f!important;border:1px solid var(--gold-border-strong)!important}
.header-register{color:#0d070b!important;background:linear-gradient(135deg,#a06c08,#f6cf59,#b77b0b)!important;border:1px solid #f9d66c!important;box-shadow:0 7px 24px rgba(194,24,112,.2)!important}
.header-register:hover,.header-login:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(194,24,112,.2)!important}

/* Public hero */
body.area-public .sketch-hero{position:relative;max-width:none!important;padding:58px clamp(24px,6vw,86px) 40px!important;background:radial-gradient(circle at 58% 35%,rgba(194,24,112,.14),transparent 23%),linear-gradient(115deg,#0d070b,#10070d 50%,#0a0609)!important;border-bottom:1px solid var(--gold-border)!important;overflow:hidden}
body.area-public .sketch-hero:before{content:"";position:absolute;width:520px;height:520px;right:-210px;top:-300px;border-radius:50%;border:1px solid rgba(194,24,112,.16);box-shadow:0 0 0 24px rgba(194,24,112,.025),0 0 0 52px rgba(194,24,112,.018);animation:goldOrbit 9s linear infinite}
body.area-public .sketch-hero:after{content:"";position:absolute;left:-120px;bottom:-220px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(194,24,112,.12),transparent 65%);animation:goldFloat 5s ease-in-out infinite}
.sketch-inner-hero{background:linear-gradient(115deg,#0a0907,#11100b 55%,#0a0907)!important;border-bottom:1px solid var(--gold-border)!important}
.sketch-inner-hero h1,.section-title h2,.section h2{color:var(--cream)!important;font-size:clamp(30px,4vw,46px)!important}
.sketch-inner-hero h1 span,.hero-copy h1 span{background:linear-gradient(90deg,#fff3b5,#c21870,#b87b08)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-copy p,.sketch-inner-hero p{color:#c9bea5!important;font-size:16px!important;line-height:1.75!important}
.welcome-pill,.tiny-pill{background:rgba(194,24,112,.08)!important;border-color:var(--gold-border-strong)!important;color:var(--gold-bright)!important;font-size:12px!important;padding:7px 12px!important}
.sketch-btn.primary,.btn-primary{color:#0a0804!important;background:linear-gradient(135deg,#7a0f43,#f7d260 48%,#a66f08)!important;border:1px solid #f6d66d!important;box-shadow:0 9px 28px rgba(194,24,112,.18)!important;font-size:14px!important}
.sketch-btn.outline,.btn-ghost{color:var(--gold-bright)!important;background:#12090f!important;border:1px solid var(--gold-border-strong)!important}
.sketch-btn:hover,.btn:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(194,24,112,.18)!important}

/* Hero art / network */
.hero-network,.hero-art{background:radial-gradient(circle at 50% 50%,rgba(194,24,112,.1),transparent 36%),linear-gradient(145deg,#11100b,#0a0609)!important;border-color:var(--gold-border)!important;box-shadow:var(--gold-shadow)!important}
.network-node,.node{background:linear-gradient(145deg,#19160e,#12090f)!important;border:2px solid rgba(194,24,112,.42)!important;box-shadow:0 0 22px rgba(194,24,112,.13)!important;color:var(--gold-bright)!important;animation:nodeFloat 3.6s ease-in-out infinite}
.network-center,.center{background:linear-gradient(135deg,#9d6805,#f4ce59)!important;color:#0d070b!important;border:3px solid #fff2b0!important;box-shadow:0 0 35px rgba(194,24,112,.28)!important;animation:goldPulse 2.5s ease-in-out infinite}
.network-lines{border-color:rgba(194,24,112,.28)!important}
.floating-features{background:rgba(194,24,112,.08)!important;border:1px solid rgba(194,24,112,.28)!important;box-shadow:0 20px 50px rgba(0,0,0,.42)!important;backdrop-filter:blur(12px)}
.floating-features>div{color:#f0e6cc!important;font-size:14px!important}
.growth-badge{border-color:var(--gold-border-strong)!important;background:rgba(8,8,6,.72)!important;color:var(--gold-bright)!important}
.growth-bars span{background:linear-gradient(180deg,#ffe78e,#a76e05)!important;box-shadow:0 0 13px rgba(194,24,112,.22)!important}

/* Counter strip */
.counter-bar{background:#10070d!important;border:1px solid var(--gold-border-strong)!important;box-shadow:var(--gold-shadow)!important;border-radius:17px!important}
.counter-item{min-height:84px!important;border-color:var(--gold-border)!important}
.counter-item strong{color:var(--gold-bright)!important;font-size:27px!important}
.counter-item span{color:#c5b99f!important;font-size:13px!important}
.counter-icon{background:linear-gradient(135deg,#8f6005,#f4ca55)!important;color:#10060c!important;border:1px solid #f6d66d!important;box-shadow:0 0 18px rgba(194,24,112,.12)!important}

/* Feature strip */
.feature-strip{background:#080806!important;border-top:1px solid var(--gold-border)!important;border-bottom:1px solid var(--gold-border)!important;padding:24px clamp(24px,6vw,86px)!important}
.feature-tile{color:#e8dec7!important}
.feature-tile i{background:linear-gradient(135deg,#8d5e04,#f3c74d)!important;color:#090805!important;border-color:#f1cf69!important;box-shadow:0 0 20px rgba(194,24,112,.1)!important}
.feature-tile strong,.feature-tile span{color:#eee4cd!important;font-size:13px!important}

/* Public sections */
body.area-public .section,body.area-public .packages-work,body.area-public .packages-column{background:transparent!important}
.packages-work{background:linear-gradient(180deg,#0d070b,#12090f)!important;border-top:1px solid var(--gold-border)!important}
.section-title p{color:#bdb29b!important;font-size:14px!important}
.section-title .tiny-pill{font-size:11px!important}
.package-grid,.public-plans-grid{background:transparent!important}
.package-card{background:linear-gradient(145deg,#17140d,#12090f)!important;border:1px solid rgba(194,24,112,.34)!important;box-shadow:0 16px 35px rgba(0,0,0,.35)!important;overflow:hidden!important;transition:.35s cubic-bezier(.2,.8,.2,1)!important}
.package-card:hover{transform:translateY(-9px) scale(1.012)!important;border-color:#f6d05e!important;box-shadow:0 22px 45px rgba(0,0,0,.5),0 0 30px rgba(194,24,112,.13)!important}
.package-head{background:linear-gradient(135deg,#8d5e04,#f0c348,#9c6805)!important;color:#0d070b!important}
.package-head *{color:#0d070b!important}
.package-body{background:#0d0c09!important}
.package-price{color:#f06aa9!important;font-size:35px!important}
.package-body p,.package-body li{color:#c7bca5!important;font-size:12px!important}
.package-body li i{color:#22e88c!important}
.package-body a{background:linear-gradient(135deg,#7a0f43,#f5ce5b)!important;color:#0d070b!important;border:1px solid #f7d96f!important;font-size:13px!important}

/* How it works */
.how-card{background:linear-gradient(145deg,#14120d,#0d070b)!important;border:1px solid var(--gold-border)!important;box-shadow:var(--gold-shadow)!important}
.how-card h2{color:var(--cream)!important;font-size:28px!important}
.step{background:#0f0e0b!important;border-color:var(--gold-border)!important;box-shadow:0 7px 20px rgba(0,0,0,.28)!important;transition:.3s!important}
.step:hover{transform:translateX(5px);border-color:var(--gold-border-strong)!important;box-shadow:0 10px 28px rgba(194,24,112,.08)!important}
.step>b{background:linear-gradient(135deg,#9d6805,#f6ce59)!important;color:#0d070b!important}
.step-icon{background:rgba(194,24,112,.12)!important;color:var(--gold-bright)!important;border-color:var(--gold-border)!important}
.step strong{font-size:14px!important}.step small{font-size:11px!important;color:#bdb29b!important}

/* Dark activity / why section — gold black, not blue/purple */
.dark-home-section{background:linear-gradient(135deg,#080806,#11100b 55%,#080806)!important;border-top:1px solid var(--gold-border)!important;border-bottom:1px solid var(--gold-border)!important;color:#fff!important}
.live-activity h2,.why-us h2{font-size:25px!important;color:var(--cream)!important}.live-activity h2 span{background:#2eea91!important;box-shadow:0 0 10px #2eea91!important}
.activity-row{border-bottom:1px solid rgba(194,24,112,.11)!important;min-height:60px!important}.activity-avatar{background:linear-gradient(135deg,#8d5e05,#f3cb57)!important;color:#0d070b!important}.activity-row strong{color:#f4ead3!important;font-size:13px!important}.activity-row small,.activity-row em{color:#a99d84!important;font-size:11px!important}.activity-row b{color:#2ce893!important;font-size:13px!important}
.why-grid>div{background:#14120d!important;border:1px solid var(--gold-border)!important;color:#e9dfc7!important;transition:.3s!important}.why-grid>div:hover{transform:translateY(-5px);border-color:var(--gold-border-strong)!important;background:#1a160d!important}.why-grid i{color:#090805!important;background:linear-gradient(135deg,#9a6605,#f3c94f)!important}
.ready-card{background:linear-gradient(135deg,#8d5c04,#f2c84d 55%,#9e6805)!important;color:#0d070b!important;border:1px solid #f7d96e!important;box-shadow:0 18px 40px rgba(194,24,112,.12)!important}.ready-card *{color:#0d070b!important}.ready-card a{background:#0d070b!important;color:#ffe28a!important;border:1px solid #f7d96e!important}

/* Public inner content */
.sketch-info-grid,.workflow-grid,.faq-grid,.contact-grid{background:#0a0907!important}
.sketch-info-grid article,.workflow-grid article,.faq-grid details,.contact-grid article{background:linear-gradient(145deg,#1b0b15,#12090f)!important;border-color:var(--gold-border)!important;color:#eee5d0!important;box-shadow:var(--gold-shadow)!important}
.sketch-info-grid article:hover,.workflow-grid article:hover,.contact-grid article:hover{transform:translateY(-6px)!important;border-color:var(--gold-border-strong)!important}
.sketch-info-grid article>i,.contact-grid article>span{background:linear-gradient(135deg,#9a6605,#e83e8c)!important;color:#0d070b!important}
.sketch-info-grid h3,.workflow-grid h3,.faq-grid summary{color:#ffe59a!important;font-size:15px!important}.sketch-info-grid p,.workflow-grid p,.faq-grid p,.contact-grid small{color:#bdb29c!important;font-size:12px!important}
.workflow-grid article>b{background:linear-gradient(135deg,#9a6605,#f4ce5d)!important;color:#0d070b!important}
.workflow-grid article>i,.faq-grid summary i{color:var(--gold-bright)!important}

/* Forms / tables / alerts */
.form-page{background:radial-gradient(circle at 50% 20%,rgba(194,24,112,.08),transparent 35%)!important}
.form-card{background:linear-gradient(145deg,#1d0c17,#11080e)!important;border:1px solid var(--gold-border-strong)!important;box-shadow:var(--gold-shadow)!important}
.form-card h1{font-size:30px!important;color:var(--cream)!important}.field label{color:#d3c7ad!important;font-size:14px!important}.field input,.field select,.field textarea{background:#080806!important;color:#f5eedf!important;border:1px solid rgba(194,24,112,.24)!important;font-size:15px!important;padding:13px 14px!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(194,24,112,.08)!important}.alert{background:rgba(255,70,70,.08)!important;border-color:rgba(255,100,100,.25)!important;color:#ffb0b0!important}.alert.success{background:rgba(38,226,145,.08)!important;border-color:rgba(38,226,145,.24)!important;color:#69f0b4!important}
.table-wrap{background:#12090f!important;border-color:var(--gold-border)!important;box-shadow:var(--gold-shadow)!important}.table th{background:#1b0b15!important;color:#d8bc67!important;font-size:13px!important}.table td{color:#ded5c1!important;border-bottom-color:rgba(194,24,112,.09)!important;font-size:13px!important}.table tr:hover td{background:rgba(194,24,112,.035)!important}
.badge-success{background:rgba(37,232,143,.1)!important;color:#48ee9b!important;border-color:rgba(37,232,143,.2)!important}.badge-warning{background:rgba(194,24,112,.11)!important;color:#ffdd77!important}.badge-danger{background:rgba(255,80,100,.1)!important;color:#ff9aa5!important}

/* App shell / sidebars */
body.area-user .sidebar,body.area-admin .sidebar,body.area-franchisee .sidebar{width:272px;flex-basis:272px;background:linear-gradient(180deg,#0d070b,#0d0c09 65%,#0a0609)!important;border-right:1px solid var(--gold-border)!important;padding:20px 16px!important;box-shadow:10px 0 35px rgba(0,0,0,.28)}
.sidebar-brand{font-size:20px!important;margin-bottom:24px!important}.sidebar-user{background:linear-gradient(135deg,#17140d,#12090f)!important;border:1px solid var(--gold-border)!important;border-radius:15px!important;padding:14px!important;box-shadow:0 8px 25px rgba(0,0,0,.25)}
.sidebar-user strong{font-size:14px!important}.sidebar-user small{color:#a89b7e!important;font-size:11px!important}.avatar{background:linear-gradient(135deg,#7a0f43,#f4cc57)!important;color:#0d070b!important;border:1px solid #f5d66c!important;box-shadow:0 0 16px rgba(194,24,112,.15)}
.side-nav a{color:#d0c6b0!important;font-size:15px!important;font-weight:600!important;padding:13px 12px!important;border:1px solid transparent;margin:5px 0!important}.side-nav a i{width:24px!important;color:#e6b936!important;font-size:17px!important;transition:.25s}.side-nav a:hover,.side-nav a.active{color:#ffe68d!important;background:linear-gradient(90deg,rgba(194,24,112,.16),rgba(194,24,112,.035))!important;border-color:rgba(194,24,112,.2)!important;box-shadow:inset 3px 0 0 #c21870,0 7px 20px rgba(0,0,0,.18)!important;transform:translateX(3px)}
.side-nav a:hover i,.side-nav a.active i{color:#f06aa9!important;transform:scale(1.12)}.nav-label{color:#8f8267!important;font-size:11px!important;font-weight:800!important;letter-spacing:.1em;margin:22px 12px 7px!important}
.main-panel{background:transparent!important}.topbar{height:82px!important;background:rgba(7,7,6,.92)!important;border-bottom:1px solid var(--gold-border)!important;box-shadow:0 8px 25px rgba(0,0,0,.28)!important}.top-page-title strong{font-size:18px!important;color:#ffe59a!important}.top-page-title small{font-size:11px!important;color:#8f8269!important}.top-search{background:#0d0c09!important;border:1px solid var(--gold-border)!important;border-radius:30px!important}.top-search input{color:#f4ecd8!important}.top-search i{color:#d5aa35!important}.topbar-date{border:1px solid var(--gold-border)!important;background:#160a12!important;color:#e0d5bd!important;border-radius:12px!important;padding:9px 13px!important}.topbar-date i{color:#f0c449!important}.topbar-date small{color:#a99b80!important}.top-actions{color:#c7b894!important}.top-icon{border-color:var(--gold-border)!important;color:#e8c65b!important}.mobile-menu{color:#f3c94f!important}.content{padding:30px!important}

/* Dashboard cards / KPI */
body.area-user .card,body.area-admin .card,body.area-franchisee .card{background:linear-gradient(145deg,#1d0c17,#11080e)!important;border:1px solid var(--gold-border)!important;border-radius:17px!important;box-shadow:var(--gold-shadow)!important;color:#eee4cf!important}
body.area-user .mini-stat,body.area-admin .mini-stat,body.area-franchisee .mini-stat{min-height:150px!important;padding:22px!important;position:relative;overflow:hidden}.mini-stat:after{content:"";position:absolute;width:130px;height:130px;right:-60px;bottom:-70px;border-radius:50%;background:radial-gradient(circle,rgba(194,24,112,.14),transparent 68%);animation:goldFloat 4s ease-in-out infinite}
.mini-stat .icon{color:#0d070b!important;background:linear-gradient(135deg,#9a6504,#f3ca53)!important;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;box-shadow:0 0 18px rgba(194,24,112,.12);font-size:21px!important}.mini-stat .value{color:#fff2b5!important;font-size:34px!important;line-height:1.1!important;margin-top:15px!important}.mini-stat .muted{color:#a99d84!important;font-size:13px!important}.kpi-up{color:#31e88e!important;font-size:12px!important}
.card-heading-row h3{font-size:18px!important;color:#fff3cf!important}.card-heading-row p{font-size:12px!important}.btn-sm{font-size:12px!important}

/* Dashboard luxury blocks */
.luxury-banner,.luxury-cta{border-color:var(--gold-border-strong)!important;background:radial-gradient(circle at 15% 50%,rgba(194,24,112,.17),transparent 25%),linear-gradient(135deg,#17130a,#10070d)!important;box-shadow:var(--gold-shadow)!important}.luxury-banner h2,.luxury-cta h2{font-size:24px!important;color:#f06aa9!important}.luxury-banner p,.luxury-cta p{font-size:13px!important;color:#bdb29a!important}.banner-gift,.luxury-cta>div:first-child{background:linear-gradient(135deg,#986304,#f4cb56)!important;color:#0d070b!important;box-shadow:0 0 22px rgba(194,24,112,.14)}
.chart-card .chart-total{font-size:21px!important;color:#f6d56e!important}.gold-bar{background:linear-gradient(180deg,#ffe78e,#b67804)!important}.growth-track{background:#0a0609!important;border-color:rgba(194,24,112,.14)!important}.growth-track b{background:linear-gradient(90deg,#a06b06,#f5d061)!important}.referral-box{background:#080806!important;border-color:var(--gold-border)!important}.referral-box span{font-size:11px!important;color:#bfb39b!important}.referral-box button{background:linear-gradient(135deg,#9c6805,#f3cc57)!important;color:#0d070b!important}.social-row a{background:#180b14!important;border-color:var(--gold-border)!important;color:#f1cd60!important}.share-link{font-size:12px!important;color:#f4d36c!important}

/* Footer */
body.area-public .footer{max-width:none!important;margin:0!important;padding:42px clamp(24px,6vw,86px) 95px!important;background:#0a0609!important;border-top:1px solid var(--gold-border)!important;color:#9f947d!important}.footer strong{color:#f5d36d!important;font-size:21px!important}.footer small{color:#8d8169!important}.footer p{color:#9d927d!important;font-size:12px!important}.footer a{color:#c9bda5!important;font-size:12px!important}.footer a:hover{color:#ffe28a!important}
.mobile-bottom{background:rgba(7,7,6,.98)!important;border-top:1px solid var(--gold-border)!important;box-shadow:0 -12px 35px rgba(0,0,0,.55)!important}.mobile-bottom a{color:#a99c83!important;font-size:10px!important}.mobile-bottom a i{color:#e6bd4a!important;font-size:18px!important}.mobile-bottom a:hover{color:#ffe38a!important}

/* Rich animation system */
@keyframes goldSweep{0%{transform:translateX(-18%)}50%{transform:translateX(18%)}100%{transform:translateX(-18%)}}
@keyframes goldOrbit{to{transform:rotate(360deg)}}
@keyframes goldFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes goldPulse{0%,100%{box-shadow:0 0 0 rgba(194,24,112,0),0 0 0 rgba(194,24,112,0)}50%{box-shadow:0 0 28px rgba(194,24,112,.18),0 0 55px rgba(194,24,112,.06)}}
@keyframes revealUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{background-position:-220% 0}100%{background-position:220% 0}}
.sketch-hero>*{animation:revealUp .75s ease both}.sketch-hero>*:nth-child(2){animation-delay:.12s}.sketch-hero>*:nth-child(3){animation-delay:.2s}
.package-card,.feature-tile,.step,.why-grid>div,.card,.counter-item{animation:revealUp .65s ease both}
.package-card:nth-child(2){animation-delay:.08s}.package-card:nth-child(3){animation-delay:.16s}.package-card:nth-child(4){animation-delay:.24s}
.header-register,.sketch-btn.primary,.btn-primary{background-size:200% 100%!important;animation:shimmer 5s linear infinite}

/* readability + responsive */
@media(max-width:1050px){.desktop-nav{gap:13px!important}.desktop-nav>a:not(.btn){font-size:12px!important}.content{padding:22px!important}.dashboard-bottom-grid{grid-template-columns:1fr 1fr}.referral-card{grid-column:1/-1}}
@media(max-width:760px){
 body{font-size:14px}.site-header{height:68px!important;padding:0 16px!important}.desktop-nav{display:none!important}.sketch-brand{font-size:18px!important}.sketch-brand .brand-mark{width:38px;height:38px}
 .sketch-hero{padding:40px 18px 28px!important}.hero-copy h1{font-size:42px!important}.hero-copy p{font-size:15px!important}.counter-bar{grid-template-columns:1fr 1fr!important;margin:0 12px!important}.counter-item{min-height:76px!important;padding:12px!important}.counter-item strong{font-size:22px!important}.counter-item span{font-size:11px!important}.feature-strip{grid-template-columns:repeat(4,1fr)!important;padding:18px 10px!important}.feature-tile strong,.feature-tile span{font-size:10px!important}
 body.area-user .sidebar,body.area-admin .sidebar,body.area-franchisee .sidebar{left:-285px!important;position:fixed!important;z-index:1000!important;transition:left .3s ease!important}.sidebar-open .sidebar{left:0!important}.content{padding:16px 12px 78px!important}.topbar{padding:0 13px!important}.top-search,.topbar-date{display:none!important}.top-page-title strong{font-size:16px!important}.dashboard-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.mini-stat{min-height:125px!important;padding:15px!important}.mini-stat .value{font-size:25px!important}.mini-stat .muted{font-size:11px!important}.page-grid,.dashboard-bottom-grid{grid-template-columns:1fr!important}.referral-card{grid-column:auto}.table-wrap{overflow-x:auto}.table th,.table td{font-size:11px!important;padding:11px!important}.luxury-banner,.luxury-cta{flex-wrap:wrap}.luxury-banner .btn,.luxury-cta .btn{margin-left:0}.luxury-banner h2,.luxury-cta h2{font-size:19px!important}.side-nav a{font-size:15px!important}.side-nav a i{font-size:18px!important}
 .mobile-bottom{display:grid!important;grid-template-columns:repeat(5,1fr)!important;height:68px!important}.mobile-bottom a{font-size:9px!important}.mobile-bottom a i{font-size:17px!important}
}
@media(max-width:470px){.dashboard-grid{grid-template-columns:1fr!important}.counter-bar{grid-template-columns:1fr 1fr!important}.feature-strip{grid-template-columns:repeat(2,1fr)!important}.hero-copy h1{font-size:35px!important}.section-title h2{font-size:29px!important}}

/* =========================================================
   FINTECH MLM — GOLD / BLACK EXACT DASHBOARD PASS v4
   Visual reference: luxury gold-black dashboard sketch
   ========================================================= */
:root{
 --lux-black:#080407;--lux-black2:#0a0907;--lux-panel:#11100d;--lux-panel2:#17140e;
 --lux-gold:#f6c94f;--lux-gold2:#ffe38a;--lux-gold3:#9a6805;--lux-text:#f5f0e5;--lux-muted:#a69b84;
 --lux-line:rgba(246,201,79,.34);--lux-line-soft:rgba(246,201,79,.16);--lux-green:#22e58b;--lux-red:#ff5264;
 --lux-shadow:0 18px 45px rgba(0,0,0,.48),0 0 28px rgba(246,201,79,.055);
}
body.area-user,body.area-admin,body.area-franchisee{background:#080407!important;color:var(--lux-text)!important;font-size:15px!important}
body.area-user .app-shell,body.area-admin .app-shell,body.area-franchisee .app-shell{background:#080407!important;position:relative;overflow:hidden}
body.area-user .app-shell:before,body.area-admin .app-shell:before,body.area-franchisee .app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 74% -10%,rgba(246,201,79,.13),transparent 25%),radial-gradient(circle at 8% 90%,rgba(246,201,79,.06),transparent 24%);z-index:0}
body.area-user .sidebar,body.area-admin .sidebar,body.area-franchisee .sidebar{width:238px!important;flex-basis:238px!important;padding:0 12px 24px!important;background:linear-gradient(180deg,#0a0609 0%,#0a0907 48%,#080407 100%)!important;border-right:1px solid var(--lux-line)!important;box-shadow:12px 0 40px rgba(0,0,0,.45)!important;z-index:20}
.sidebar-brand{height:72px!important;margin:0 -12px 20px!important;padding:0 20px!important;border-bottom:1px solid var(--lux-line)!important;background:linear-gradient(90deg,rgba(246,201,79,.07),transparent)!important;font-size:18px!important}
.sidebar-brand .brand-mark{width:38px!important;height:38px!important;border-radius:9px!important;background:linear-gradient(145deg,#d49a18,#ffe27c)!important;color:#0d070b!important;box-shadow:0 0 18px rgba(246,201,79,.22)!important}
.sidebar-brand strong{color:#f06aa9!important;letter-spacing:.1px}.sidebar-brand small{color:#9e947d!important;font-size:10px!important}
.sidebar-user{margin:0 2px 18px!important;padding:12px!important;border:1px solid var(--lux-line)!important;background:linear-gradient(145deg,#17140d,#12090f)!important;border-radius:15px!important;box-shadow:inset 0 0 25px rgba(246,201,79,.035),0 10px 25px rgba(0,0,0,.28)!important}
.sidebar-user .avatar{width:44px!important;height:44px!important;border-radius:50%!important;background:radial-gradient(circle,#fff0bc 0 22%,#d99d1d 24% 48%,#18090f 51%)!important;color:#111!important;border:2px solid #f0c74d!important;box-shadow:0 0 18px rgba(246,201,79,.2)!important}.sidebar-user strong{font-size:14px!important;color:#f8f2e6!important}.sidebar-user small{font-size:10px!important;color:#9e947d!important}
.side-nav a{font-size:14px!important;font-weight:500!important;color:#ded7ca!important;min-height:44px!important;padding:10px 13px!important;border:1px solid transparent!important;border-radius:11px!important;transition:all .25s ease!important}.side-nav a i{width:21px!important;font-size:17px!important;color:#e83e8c!important;transition:transform .25s ease,color .25s ease!important}.side-nav a:hover{background:rgba(246,201,79,.06)!important;border-color:var(--lux-line-soft)!important;color:#fff!important;transform:translateX(3px)!important}.side-nav a:hover i{transform:scale(1.12);color:#ffe58c!important}.side-nav a.active{background:linear-gradient(90deg,rgba(246,201,79,.25),rgba(246,201,79,.05))!important;border-color:var(--lux-gold)!important;color:#fff!important;box-shadow:0 0 20px rgba(246,201,79,.12),inset 0 0 18px rgba(246,201,79,.05)!important}.side-nav a.active i{color:#ffe38a!important}.nav-label{font-size:10px!important;letter-spacing:.5px!important;color:#847a68!important;margin:20px 12px 6px!important}
.main-panel{position:relative;z-index:1!important;background:transparent!important;min-width:0}
.topbar.fintech-topbar{height:68px!important;padding:0 20px!important;background:rgba(5,5,4,.94)!important;border-bottom:1px solid var(--lux-line)!important;box-shadow:0 8px 30px rgba(0,0,0,.38)!important;backdrop-filter:blur(18px)!important;position:sticky!important;top:0!important;z-index:30!important}
.top-search{width:330px!important;height:38px!important;border-radius:22px!important;background:#11080e!important;border:1px solid rgba(246,201,79,.28)!important;box-shadow:inset 0 0 20px rgba(246,201,79,.025)!important}.top-search i{color:#f5cc59!important}.top-search input{font-size:12px!important}.topbar-spacer{flex:1}.topbar-date{margin-left:auto!important;height:44px!important;padding:6px 12px!important;border-radius:12px!important;background:#12090f!important;border:1px solid var(--lux-line)!important;font-size:11px!important}.topbar-date>i{font-size:17px!important;color:#f4ca51!important}.topbar-date small{font-size:9px!important;color:#9d947e!important}.fintech-actions{gap:10px!important}.top-icon{width:34px!important;height:34px!important;background:#11080e!important;border-color:var(--lux-line)!important;color:#f3cb58!important}.top-profile{display:flex;align-items:center;gap:7px;min-width:150px;padding:5px 8px;border:1px solid var(--lux-line);border-radius:22px;background:#11080e}.top-profile-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f9e29a,#a56d06);color:#10060c;border:1px solid #f06aa9}.top-profile strong{display:block;color:#f3ead7;font-size:11px;line-height:1.2}.top-profile small{display:block;color:#948a73;font-size:8px;line-height:1.2}.top-profile>i{margin-left:auto;color:#d6bd69;font-size:9px}.online-label{font-size:11px;color:#a99f89}.live-dot{box-shadow:0 0 12px rgba(34,229,139,.7)!important}
.page-head{height:83px!important;padding:18px 24px 12px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;background:linear-gradient(180deg,rgba(13,12,9,.76),rgba(5,5,4,0))!important}.page-head h1{margin:0!important;font-size:21px!important;line-height:1.2!important;color:#f8d66c!important}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:10px;color:#847965}.breadcrumbs i{font-size:7px;color:#625a4d}.breadcrumbs strong{color:#e5dcc9;font-weight:500}.page-head-badge{border:1px solid var(--lux-line);border-radius:20px;padding:7px 11px;color:#c8b990;font-size:9px;background:#12090f}.page-head-badge i{font-size:6px;color:var(--lux-green);margin-right:4px}
.content{padding:0 24px 30px!important}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.mini-stat{min-height:164px!important;padding:18px 18px 14px!important;border-radius:14px!important;position:relative;overflow:hidden}.mini-stat:after{content:"";position:absolute;right:-35px;bottom:-50px;width:150px;height:100px;border-top:2px solid rgba(246,201,79,.5);border-radius:50%;transform:rotate(-8deg);opacity:.8}.mini-stat .icon{font-size:24px!important;color:#f06aa9!important}.mini-stat .value{font-size:30px!important;line-height:1.1!important;color:#f8f3e8!important;margin-top:11px!important}.mini-stat .muted{font-size:12px!important;color:#a99e88!important}.kpi-up{font-size:10px!important;color:var(--lux-green)!important}.mini-stat:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(246,201,79,.06),transparent 42%);pointer-events:none}
.page-grid.luxury-main-grid{grid-template-columns:1.55fr .65fr!important;gap:16px!important;margin-top:16px!important}.card{border-radius:15px!important;padding:18px!important}.card h3{font-size:17px!important;color:#f5f0e5!important}.card-heading-row p{font-size:10px!important;color:#8e846e!important}.btn{font-size:12px!important}.btn-primary{background:linear-gradient(135deg,#a97008,#f6cf59 55%,#a97008)!important;color:#0d070b!important;border:1px solid #f06aa9!important;box-shadow:0 8px 20px rgba(246,201,79,.12)!important}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-ghost{background:#0d0c09!important;border-color:var(--lux-line)!important;color:#f4d678!important}
.table-wrap{border-radius:13px!important;background:#0d070b!important;border-color:var(--lux-line-soft)!important}.table th{background:#14120e!important;color:#bfa861!important;font-size:10px!important;padding:11px 12px!important}.table td{font-size:11px!important;padding:11px 12px!important;color:#e3dac9!important}.table tr:hover td{background:rgba(246,201,79,.035)!important}.txn-icon{color:#ddd4c4!important}.txn-icon i{color:#f0c84e!important}.amount-credit{color:#22e58b!important}.amount-debit{color:#ff596a!important}.badge-success{background:rgba(34,229,139,.08)!important;color:#25e58d!important;border:1px solid rgba(34,229,139,.2)}
.account-card{min-height:340px}.account-profile{margin:10px 0 16px!important}.account-avatar{width:58px!important;height:58px!important;background:radial-gradient(circle,#fff0bc 0 25%,#c88c10 27% 50%,#111 53%)!important;border:2px solid #e83e8c!important}.account-profile strong{font-size:16px!important}.account-lines p{font-size:11px!important;color:#c4b9a4!important;margin:12px 0!important}.member-since{background:linear-gradient(90deg,rgba(246,201,79,.16),rgba(246,201,79,.035))!important;border-color:var(--lux-line)!important}.member-since strong{font-size:13px!important}.luxury-banner{min-height:94px!important;margin-top:16px!important;border-radius:14px!important;padding:13px 20px!important;background:radial-gradient(circle at 14% 50%,rgba(246,201,79,.2),transparent 22%),linear-gradient(135deg,#18140a,#10070d)!important}.banner-gift{width:74px!important;height:64px!important;background:linear-gradient(145deg,#a46d04,#f06aa9)!important}.luxury-banner h2{font-size:21px!important}.luxury-banner p{font-size:11px!important}
.dashboard-bottom-grid{grid-template-columns:1fr 1fr .85fr!important;gap:16px!important;margin-top:16px!important}.chart-card{min-height:220px}.chart-card h3,.referral-card h3{font-size:16px!important}.chart-total{font-size:19px!important}.gold-bars{height:140px!important;gap:8px!important}.gold-bar{max-width:12px!important}.team-growth-list{gap:12px!important}.team-growth-list>div{font-size:9px!important}.referral-box span{font-size:10px!important}.social-row a{width:34px!important;height:34px!important}.luxury-cta{min-height:102px!important;margin-top:16px!important;border-radius:14px!important;padding:15px 22px!important}.luxury-cta h2{font-size:20px!important}.luxury-cta p{font-size:11px!important}
/* Subtle motion matching the reference: glow, float, shimmer and reveal */
@keyframes goldPulse{0%,100%{box-shadow:0 0 0 rgba(246,201,79,0)}50%{box-shadow:0 0 28px rgba(246,201,79,.08)}}
@keyframes goldShimmer{0%{background-position:-220% 0}100%{background-position:220% 0}}
@keyframes dashboardRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dashboard-grid>.card,.page-grid>.card,.luxury-banner,.dashboard-bottom-grid>.card,.luxury-cta{animation:dashboardRise .55s ease both}.dashboard-grid>.card:nth-child(2){animation-delay:.06s}.dashboard-grid>.card:nth-child(3){animation-delay:.12s}.dashboard-grid>.card:nth-child(4){animation-delay:.18s}.dashboard-bottom-grid>.card:nth-child(2){animation-delay:.08s}.dashboard-bottom-grid>.card:nth-child(3){animation-delay:.16s}
.mini-stat,.luxury-banner,.luxury-cta,.card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.mini-stat:hover,.luxury-banner:hover,.luxury-cta:hover,.card:hover{transform:translateY(-2px);border-color:rgba(246,201,79,.52)!important;box-shadow:0 18px 42px rgba(0,0,0,.5),0 0 26px rgba(246,201,79,.07)!important}
.side-nav a.active{animation:goldPulse 2.8s ease-in-out infinite}.btn-primary{background-size:220% 100%!important;animation:goldShimmer 4s linear infinite}
@media(max-width:1100px){body.area-user .sidebar,body.area-admin .sidebar,body.area-franchisee .sidebar{width:220px!important;flex-basis:220px!important}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-grid.luxury-main-grid{grid-template-columns:1fr!important}.dashboard-bottom-grid{grid-template-columns:1fr 1fr!important}.referral-card{grid-column:1/-1!important}.top-profile{min-width:120px}}
@media(max-width:760px){body.area-user .sidebar,body.area-admin .sidebar,body.area-franchisee .sidebar{width:250px!important;left:-260px!important}.content{padding:0 12px 78px!important}.page-head{height:72px!important;padding:14px 12px 8px!important}.page-head h1{font-size:18px!important}.page-head-badge{display:none}.dashboard-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.mini-stat{min-height:125px!important;padding:14px!important}.mini-stat .value{font-size:23px!important}.mini-stat .muted{font-size:10px!important}.top-search{display:none!important}.topbar.fintech-topbar{padding:0 12px!important}.topbar-date{display:none!important}.top-profile{display:none!important}.online-label{display:none!important}.dashboard-bottom-grid{grid-template-columns:1fr!important}.referral-card{grid-column:auto!important}.luxury-banner{padding:12px!important}.banner-gift{width:55px!important;height:55px!important}.luxury-banner h2,.luxury-cta h2{font-size:18px!important}.luxury-cta{flex-wrap:wrap}.luxury-cta .btn{margin-left:0}.side-nav a{font-size:14px!important}}
/* v4 exact reference refinements */
.sidebar-user{position:relative!important}.sidebar-user-info{min-width:0;flex:1}.vip-pill{position:absolute;right:10px;top:12px;padding:4px 8px;border-radius:12px;background:linear-gradient(135deg,#f7d56b,#a96f08);color:#10060c;font-size:9px;font-weight:800;box-shadow:0 0 12px rgba(246,201,79,.15)}.vip-pill i{font-size:8px;margin-right:2px}
body.area-user .sidebar .nav-label{letter-spacing:.7px!important}
body.area-user .side-nav a:last-child{color:#eee2ce!important}body.area-user .side-nav a:last-child i{color:#ff4e5d!important}

/* =========================================================
   FINTECH MLM HOME — EXACT GOLD/BLACK REFERENCE v5
   ========================================================= */
body.area-public{background:#060605!important;color:#fff8e7!important}
body.area-public .site-header{height:70px!important;padding:0 clamp(28px,7vw,86px)!important;background:#060605!important;border-bottom:1px solid rgba(194,24,112,.34)!important;box-shadow:0 8px 30px rgba(0,0,0,.42)!important}
body.area-public .sketch-brand{font-size:19px!important;color:#f8d96f!important}.sketch-brand .brand-mark{width:39px!important;height:39px!important;border-radius:10px!important}.sketch-brand small{font-size:9px!important;color:#9d926f!important}.desktop-nav{gap:28px!important}.desktop-nav>a:not(.btn){font-size:12px!important;color:#e4dac1!important}.desktop-nav>a:not(.btn):after{bottom:-21px;height:2px!important}.header-login,.header-register{font-size:12px!important;padding:9px 16px!important;border-radius:9px!important}
.fp-hero{min-height:300px;display:grid;grid-template-columns:1fr 1.12fr;gap:24px;align-items:center;padding:34px clamp(30px,7vw,86px) 28px;background:radial-gradient(circle at 64% 35%,rgba(194,24,112,.12),transparent 25%),radial-gradient(circle at 8% 5%,rgba(104,40,80,.45),transparent 23%),linear-gradient(115deg,#0d070b,#10070d 55%,#0a0609);border-bottom:1px solid rgba(194,24,112,.22);overflow:hidden;position:relative}.fp-hero:after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;background:linear-gradient(90deg,transparent,#c21870,transparent);opacity:.35}
.fp-hero-copy{position:relative;z-index:2}.fp-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid rgba(194,24,112,.48);border-radius:99px;background:rgba(194,24,112,.06);color:#f5cf64;font-size:10px;font-weight:800;box-shadow:0 0 18px rgba(194,24,112,.06)}.fp-hero h1{font-size:clamp(38px,4.4vw,58px);line-height:.98;margin:13px 0 13px;color:#fff9e8;letter-spacing:-1.5px}.fp-hero h1 span{background:linear-gradient(90deg,#fff8db,#f5cf61,#b5790b);-webkit-background-clip:text;background-clip:text;color:transparent}.fp-hero p{font-size:13px;line-height:1.55;color:#cbbfa5;max-width:550px}.fp-actions{display:flex;gap:10px;margin-top:17px}.fp-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:12px;font-weight:800;transition:.3s}.fp-btn-gold{background:linear-gradient(135deg,#a36d08,#f5d160 55%,#a36d08);color:#0d070b;border:1px solid #f8da73;box-shadow:0 8px 22px rgba(194,24,112,.18)}.fp-btn-dark{background:#0d070b;border:1px solid rgba(194,24,112,.55);color:#f4d36b}.fp-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(194,24,112,.18)}
.fp-hero-art{height:270px;position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 44% 47%,rgba(194,24,112,.13),transparent 20%),radial-gradient(circle at 39% 43%,rgba(18,125,164,.3),transparent 22%),radial-gradient(circle at 67% 38%,rgba(110,53,125,.25),transparent 25%);}.fp-world-glow{position:absolute;width:270px;height:170px;left:20%;top:25%;background:radial-gradient(ellipse,rgba(194,24,112,.07),transparent 67%);filter:blur(10px)}.fp-ring{position:absolute;border:1px solid rgba(194,24,112,.16);border-radius:50%;animation:fpOrbit 10s linear infinite}.ring1{width:230px;height:150px;left:24%;top:23%;transform:rotate(25deg)}.ring2{width:290px;height:190px;left:14%;top:10%;transform:rotate(-22deg)}.fp-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(194,24,112,.4),transparent);transform-origin:left center;opacity:.65}.l1{width:180px;left:35%;top:45%;transform:rotate(-40deg)}.l2{width:180px;left:35%;top:45%;transform:rotate(38deg)}.l3{width:160px;left:35%;top:45%;transform:rotate(90deg)}.l4{width:145px;left:35%;top:45%;transform:rotate(165deg)}.l5{width:145px;left:35%;top:45%;transform:rotate(205deg)}
.fp-node{position:absolute;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #e5d08a;color:#1765d7;box-shadow:0 0 0 3px rgba(194,24,112,.15),0 0 22px rgba(194,24,112,.18);font-size:13px;animation:fpFloat 3.8s ease-in-out infinite}.fp-center{width:62px;height:62px;left:34%;top:34%;background:linear-gradient(145deg,#f8df82,#b57a09);color:#0d070b;border-color:#fff0ae;font-size:23px;z-index:2;animation:fpPulse 2.4s ease-in-out infinite}.fp-n1{left:33%;top:3%}.fp-n2{left:17%;top:31%}.fp-n3{left:50%;top:31%}.fp-n4{left:13%;top:63%}.fp-n5{left:34%;top:66%}.fp-n6{left:54%;top:63%}.fp-feature-panel{position:absolute;right:10%;top:15px;width:205px;padding:11px 12px;border:1px solid rgba(194,24,112,.25);border-radius:17px;background:rgba(16,14,10,.76);backdrop-filter:blur(12px);box-shadow:0 20px 45px rgba(0,0,0,.35);z-index:4}.fp-feature-panel div{display:flex;align-items:center;gap:9px;margin:7px 0;font-size:10px;color:#eee5d1}.fp-feature-panel i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2b77ff,#f0a52d);font-size:11px}.fp-grow-badge{position:absolute;right:1%;top:88px;border:1px solid #e6c75e;border-radius:13px;padding:10px 13px;color:#f6d46a;background:rgba(8,8,6,.72);font-size:12px;font-weight:700;transform:rotate(-7deg);z-index:3}.fp-bars{position:absolute;right:6%;bottom:12px;height:105px;display:flex;align-items:flex-end;gap:5px;z-index:2}.fp-bars i{display:block;width:12px;background:linear-gradient(180deg,#f5cf61,#8e6107);border-radius:4px 4px 0 0;box-shadow:0 0 12px rgba(194,24,112,.18);animation:fpBar 2.5s ease-in-out infinite}.fp-bars i:nth-child(1){height:28px}.fp-bars i:nth-child(2){height:42px}.fp-bars i:nth-child(3){height:61px}.fp-bars i:nth-child(4){height:80px}.fp-bars i:nth-child(5){height:98px}
.fp-stats{margin:0 clamp(30px,7vw,86px);display:grid;grid-template-columns:repeat(4,1fr);background:#10070d;border:1px solid rgba(194,24,112,.42);border-radius:15px;overflow:hidden;position:relative;z-index:5}.fp-stats>div{min-height:74px;padding:10px 25px;display:grid;grid-template-columns:47px 1fr;grid-template-rows:1fr 1fr;column-gap:12px;align-items:center;border-right:1px solid rgba(194,24,112,.23)}.fp-stats>div:last-child{border-right:0}.fp-stats span{grid-row:1/3;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#7a0f43,#e83e8c);color:#0d070b;border:1px solid #f6dc78;font-size:17px}.fp-stats strong{font-size:22px;color:#f7d668;line-height:1}.fp-stats small{font-size:9px;color:#a89c82}.fp-features{display:grid;grid-template-columns:repeat(8,1fr);padding:20px clamp(30px,7vw,86px);border-bottom:1px solid rgba(194,24,112,.2);background:#0a0609}.fp-features>div{text-align:center;color:#e9dfc9;font-size:9px}.fp-features span{width:45px;height:45px;border:1px solid rgba(194,24,112,.4);border-radius:11px;display:grid;place-items:center;margin:0 auto 7px;background:linear-gradient(145deg,#17130b,#0d070b);color:#f6cf60;box-shadow:0 0 18px rgba(194,24,112,.05);transition:.3s}.fp-features b{font-size:9px}.fp-features>div:hover span{transform:translateY(-5px) rotate(2deg);box-shadow:0 10px 25px rgba(194,24,112,.12);background:linear-gradient(145deg,#6d4804,#17130b)}
.fp-plans-area{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;padding:24px clamp(30px,7vw,86px);background:linear-gradient(180deg,#0d070b,#10070d);border-bottom:1px solid rgba(194,24,112,.2)}.fp-heading h2{font-size:32px;margin:8px 0 0;color:#fff0f7}.fp-heading p{font-size:11px;color:#bdb199;margin:2px 0 14px}.fp-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fp-plan{border:1px solid rgba(194,24,112,.42);border-radius:11px;overflow:hidden;background:#10070d;box-shadow:0 12px 30px rgba(0,0,0,.3);transition:.35s}.fp-plan:hover{transform:translateY(-6px);border-color:#f6d46c;box-shadow:0 18px 35px rgba(0,0,0,.5),0 0 22px rgba(194,24,112,.08)}.fp-plan header{height:38px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#9e6b08,#f3c74e,#b67c09);color:#0d070b}.fp-plan header strong{font-size:11px;color:#0d070b}.fp-plan header span{font-size:8px;background:#fff7dc;color:#4c3a10;padding:4px 8px;border-radius:99px}.fp-plan-body{padding:10px}.fp-price{font-size:24px;font-weight:900;color:#f6d56c}.fp-plan-body>small{display:block;text-align:center;font-size:8px;color:#a89b82}.fp-plan-body ul{list-style:none;padding:0;margin:10px 0;font-size:9px;color:#ddd2bc}.fp-plan-body li{margin:5px 0}.fp-plan-body li i{color:#20e98a;margin-right:6px}.fp-plan-body a{display:flex;justify-content:center;align-items:center;gap:6px;padding:8px;border-radius:7px;background:linear-gradient(135deg,#a16c07,#f3c74e);color:#0d070b;font-size:10px;font-weight:900;border:1px solid #f5d66c}.fp-how{border:1px solid rgba(194,24,112,.35);border-radius:15px;background:linear-gradient(145deg,#13110c,#10070d);padding:14px}.fp-how h2{font-size:25px;margin:7px 0 10px;color:#fff7e2}.fp-step{display:grid;grid-template-columns:27px 35px 1fr;gap:7px;align-items:center;background:rgba(255,255,255,.025);border:1px solid rgba(194,24,112,.08);border-radius:8px;padding:6px;margin:6px 0;transition:.3s}.fp-step:hover{transform:translateX(4px);background:rgba(194,24,112,.06)}.fp-step>b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8f6005,#f3c84f);color:#0d070b;font-size:11px}.fp-step>span{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:#f5efe3;color:#1c67db}.fp-step strong{display:block;font-size:10px;color:#eee6d5}.fp-step small{display:block;font-size:8px;color:#9e927a;line-height:1.2}
.fp-bottom{display:grid;grid-template-columns:1.05fr 1.3fr .9fr;gap:22px;padding:18px clamp(30px,7vw,86px);background:#091b48;border-bottom:1px solid rgba(194,24,112,.2)}.fp-bottom h2{font-size:18px;color:#fff8e8;margin:0 0 11px}.fp-live h2 i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19e28c;margin-right:8px;box-shadow:0 0 10px #19e28c}.fp-live-row{display:grid;grid-template-columns:30px 1fr 1fr auto;grid-template-rows:1fr 1fr;column-gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}.fp-live-row>span{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f7f4eb;color:#1768da;font-size:10px}.fp-live-row strong{font-size:9px;color:#fff}.fp-live-row small{font-size:8px;color:#c4b79f}.fp-live-row b{font-size:9px;color:#18e88a}.fp-live-row em{font-size:8px;color:#8e846e;font-style:normal}.fp-why>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fp-why article{min-height:44px;border:1px solid rgba(194,24,112,.16);border-radius:7px;background:rgba(255,255,255,.045);display:flex;align-items:center;gap:8px;padding:7px;color:#f4ead5}.fp-why article i{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(145deg,#8d5e05,#f2c74e);color:#0d070b;font-size:10px;flex-shrink:0}.fp-why article span{font-size:8px;line-height:1.15}.fp-cta{border:1px solid rgba(194,24,112,.45);border-radius:12px;padding:17px;background:linear-gradient(145deg,#8f6006,#f0c74c);color:#0d070b;min-height:170px;box-shadow:0 0 25px rgba(194,24,112,.1)}.fp-cta>i{font-size:25px}.fp-cta h2{color:#0d070b;font-size:18px;line-height:1.1;margin:8px 0}.fp-cta p{color:#3e310e;font-size:9px;line-height:1.35}.fp-cta a{display:flex;justify-content:center;gap:7px;padding:9px;border-radius:7px;background:#0d070b;color:#f6d86f;font-size:9px;font-weight:900;margin-top:12px}.fp-cta a:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.25)}
body.area-public .footer{max-width:none!important;margin:0!important;padding:26px clamp(30px,7vw,86px) 40px!important;background:#080407!important;border-top:1px solid rgba(194,24,112,.22)!important;color:#8f856f!important}.footer h3,.footer strong{color:#f3ce60!important}
@keyframes fpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fpPulse{0%,100%{box-shadow:0 0 0 rgba(194,24,112,0)}50%{box-shadow:0 0 35px rgba(194,24,112,.25)}}@keyframes fpOrbit{to{transform:rotate(360deg)}}@keyframes fpBar{0%,100%{filter:brightness(.9)}50%{filter:brightness(1.25)}}
@media(max-width:1100px){.fp-hero{grid-template-columns:1fr}.fp-hero-art{height:300px}.fp-plan-grid{grid-template-columns:repeat(2,1fr)}.fp-plans-area{grid-template-columns:1fr}.fp-bottom{grid-template-columns:1fr 1fr}.fp-cta{grid-column:1/-1}.fp-features{grid-template-columns:repeat(4,1fr);gap:18px}}
@media(max-width:700px){body.area-public .site-header{padding:0 16px!important}.fp-hero{padding:28px 16px 20px}.fp-hero h1{font-size:38px}.fp-hero-art{height:285px}.fp-feature-panel{right:2%;width:175px}.fp-grow-badge{display:none}.fp-stats{margin:0 10px;grid-template-columns:repeat(2,1fr)}.fp-stats>div{padding:9px 10px;min-height:70px}.fp-stats>div:nth-child(2){border-right:0}.fp-stats strong{font-size:18px}.fp-features{padding:18px 12px;grid-template-columns:repeat(4,1fr);gap:14px 4px}.fp-features span{width:39px;height:39px}.fp-features b{font-size:7px}.fp-plans-area{padding:20px 12px}.fp-plan-grid{grid-template-columns:1fr 1fr}.fp-bottom{padding:18px 12px;grid-template-columns:1fr}.fp-why>div{grid-template-columns:1fr 1fr}.fp-cta{grid-column:auto}.fp-live-row{grid-template-columns:30px 1fr auto}.fp-live-row small{display:none}.fp-live-row em{grid-column:2}.desktop-nav{display:none!important}}

/* =========================================================
   FINTECH MLM v5 — READABLE GOLD NAV + ANIMATED SCROLL TOP
   ========================================================= */
:root{
  --gold-bright:#ffe27a;
  --gold:#c21870;
  --gold-mid:#9e155b;
  --gold-dark:#641039;
  --gold-border:rgba(194,24,112,.34);
  --gold-border-strong:rgba(255,218,105,.78);
  --gold-glow:rgba(194,24,112,.24);
}

/* Larger, clearer public typography */
body.area-public{font-size:16px!important;letter-spacing:.01em!important}
body.area-public .site-header{height:74px!important}
body.area-public .desktop-nav{gap:20px!important;align-items:center!important}
body.area-public .desktop-nav>a:not(.header-login):not(.header-register){
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  color:#eee5d0!important;font-size:14px!important;font-weight:800!important;
  padding:10px 5px!important;min-height:40px!important;
  position:relative!important;transition:color .3s ease,transform .3s ease,filter .3s ease!important;
}
body.area-public .desktop-nav>a:not(.header-login):not(.header-register) i{
  color:#f5cb55!important;font-size:13px!important;transform:translateY(0) scale(1)!important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease!important;
  filter:drop-shadow(0 0 0 rgba(194,24,112,0));
}
body.area-public .desktop-nav>a:not(.header-login):not(.header-register):before{
  content:"";position:absolute;inset:3px -6px;border-radius:10px;
  background:linear-gradient(90deg,transparent,rgba(194,24,112,.10),transparent);
  opacity:0;transform:scaleX(.55);transition:opacity .3s ease,transform .35s ease;pointer-events:none;
}
body.area-public .desktop-nav>a:not(.header-login):not(.header-register):after{
  content:""!important;position:absolute!important;left:50%!important;bottom:-9px!important;
  width:0!important;height:3px!important;border-radius:99px!important;
  background:linear-gradient(90deg,#9a6607,#ffe17c,#a56c08)!important;
  box-shadow:0 0 12px rgba(194,24,112,.75)!important;
  transform:translateX(-50%)!important;transition:width .35s cubic-bezier(.2,.8,.2,1)!important;
}
body.area-public .desktop-nav>a:not(.header-login):not(.header-register):hover,
body.area-public .desktop-nav>a:not(.header-login):not(.header-register).active{
  color:#ffe28a!important;transform:translateY(-2px)!important;filter:brightness(1.08)!important;
}
body.area-public .desktop-nav>a:not(.header-login):not(.header-register):hover:before,
body.area-public .desktop-nav>a:not(.header-login):not(.header-register).active:before{opacity:1;transform:scaleX(1)}
body.area-public .desktop-nav>a:not(.header-login):not(.header-register):hover:after,
body.area-public .desktop-nav>a:not(.header-login):not(.header-register).active:after{width:32px!important}
body.area-public .desktop-nav>a:not(.header-login):not(.header-register):hover i,
body.area-public .desktop-nav>a:not(.header-login):not(.header-register).active i{
  transform:translateY(-2px) scale(1.18)!important;filter:drop-shadow(0 0 7px rgba(194,24,112,.75));
}

/* Animated menu entrance */
body.area-public .desktop-nav>a:nth-child(1){animation:menuIn .55s .04s both}
body.area-public .desktop-nav>a:nth-child(2){animation:menuIn .55s .08s both}
body.area-public .desktop-nav>a:nth-child(3){animation:menuIn .55s .12s both}
body.area-public .desktop-nav>a:nth-child(4){animation:menuIn .55s .16s both}
body.area-public .desktop-nav>a:nth-child(5){animation:menuIn .55s .20s both}
body.area-public .desktop-nav>a:nth-child(6){animation:menuIn .55s .24s both}
body.area-public .desktop-nav>a:nth-child(7){animation:menuIn .55s .28s both}
body.area-public .desktop-nav .header-login{animation:menuIn .55s .32s both}
body.area-public .desktop-nav .header-register{animation:menuIn .55s .36s both}
@keyframes menuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

/* More readable homepage text while keeping the compact sketch layout */
body.area-public .fp-pill{font-size:12px!important;padding:8px 13px!important}
body.area-public .fp-hero h1{font-size:clamp(44px,5vw,68px)!important;line-height:1.01!important}
body.area-public .fp-hero p{font-size:16px!important;line-height:1.65!important;max-width:620px!important}
body.area-public .fp-btn{font-size:14px!important;padding:12px 20px!important}
body.area-public .fp-feature-panel div{font-size:12px!important;margin:9px 0!important}
body.area-public .fp-feature-panel i{width:27px!important;height:27px!important;font-size:12px!important}
body.area-public .fp-grow-badge{font-size:13px!important}
body.area-public .fp-stats strong{font-size:27px!important}
body.area-public .fp-stats small{font-size:11px!important}
body.area-public .fp-features>div{font-size:11px!important}
body.area-public .fp-features b{font-size:11px!important}
body.area-public .fp-features span{width:49px!important;height:49px!important;font-size:17px!important}
body.area-public .fp-heading h2{font-size:38px!important}
body.area-public .fp-heading p{font-size:13px!important}
body.area-public .fp-plan header strong{font-size:13px!important}
body.area-public .fp-plan header span{font-size:9px!important}
body.area-public .fp-price{font-size:28px!important}
body.area-public .fp-plan-body>small{font-size:9px!important}
body.area-public .fp-plan-body ul{font-size:11px!important}
body.area-public .fp-plan-body li{margin:6px 0!important}
body.area-public .fp-plan-body a{font-size:12px!important;padding:10px!important}
body.area-public .fp-how h2{font-size:29px!important}
body.area-public .fp-step strong{font-size:11px!important}
body.area-public .fp-step small{font-size:9px!important}
body.area-public .fp-bottom h2{font-size:21px!important}
body.area-public .fp-live-row strong{font-size:11px!important}
body.area-public .fp-live-row small,body.area-public .fp-live-row em{font-size:9px!important}
body.area-public .fp-live-row b{font-size:10px!important}
body.area-public .fp-why article span{font-size:9px!important}
body.area-public .fp-cta h2{font-size:22px!important}
body.area-public .fp-cta p{font-size:11px!important}
body.area-public .fp-cta a{font-size:11px!important;padding:11px!important}
body.area-public .footer strong{font-size:23px!important}
body.area-public .footer p{font-size:13px!important;line-height:1.65!important}
body.area-public .footer a{font-size:13px!important}

/* Richer motion for sketch components */
.fp-feature-panel{animation:panelFloat 4.5s ease-in-out infinite}
.fp-grow-badge{animation:badgeFloat 3.2s ease-in-out infinite}
.fp-stats{animation:statsReveal .8s .15s both}
.fp-features>div{animation:featureReveal .65s both}
.fp-features>div:nth-child(1){animation-delay:.08s}.fp-features>div:nth-child(2){animation-delay:.13s}.fp-features>div:nth-child(3){animation-delay:.18s}.fp-features>div:nth-child(4){animation-delay:.23s}.fp-features>div:nth-child(5){animation-delay:.28s}.fp-features>div:nth-child(6){animation-delay:.33s}.fp-features>div:nth-child(7){animation-delay:.38s}.fp-features>div:nth-child(8){animation-delay:.43s}
.fp-plan{animation:planReveal .65s both}
.fp-plan:nth-child(1){animation-delay:.08s}.fp-plan:nth-child(2){animation-delay:.14s}.fp-plan:nth-child(3){animation-delay:.20s}.fp-plan:nth-child(4){animation-delay:.26s}
@keyframes panelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes badgeFloat{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-7px)}}
@keyframes statsReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes featureReveal{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes planReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Animated golden scroll-to-top */
.scroll-top{
  position:fixed;right:28px;bottom:28px;width:56px;height:56px;border:1px solid #f9da71;border-radius:50%;
  display:grid;place-items:center;background:linear-gradient(145deg,#7e5202,#f7d361 52%,#9a6507);color:#0a0804;
  box-shadow:0 0 0 0 rgba(194,24,112,.45),0 10px 28px rgba(0,0,0,.45);cursor:pointer;z-index:2000;
  opacity:0;visibility:hidden;transform:translateY(20px) scale(.75);transition:opacity .35s ease,visibility .35s ease,transform .35s ease,box-shadow .35s ease;
}
.scroll-top.show{opacity:1;visibility:visible;transform:translateY(0) scale(1);animation:scrollTopPulse 2.2s ease-in-out infinite}
.scroll-top i{font-size:20px;position:relative;z-index:2;animation:arrowUpDown 1.4s ease-in-out infinite}
.scroll-top-ring{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(194,24,112,.5);animation:scrollRing 1.9s ease-out infinite}
.scroll-top:before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(255,239,169,.55);pointer-events:none}
.scroll-top:hover{transform:translateY(-5px) scale(1.05)!important;box-shadow:0 0 0 7px rgba(194,24,112,.08),0 15px 36px rgba(0,0,0,.55),0 0 28px rgba(194,24,112,.34)}
@keyframes scrollTopPulse{0%,100%{box-shadow:0 0 0 0 rgba(194,24,112,.28),0 10px 28px rgba(0,0,0,.45)}50%{box-shadow:0 0 0 9px rgba(194,24,112,.05),0 12px 32px rgba(0,0,0,.5),0 0 24px rgba(194,24,112,.18)}}
@keyframes scrollRing{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@keyframes arrowUpDown{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}

@media(max-width:1050px){
 body.area-public .desktop-nav{gap:11px!important}
 body.area-public .desktop-nav>a:not(.header-login):not(.header-register){font-size:12px!important;gap:5px!important}
 body.area-public .desktop-nav>a:not(.header-login):not(.header-register) i{font-size:11px!important}
 body.area-public .fp-hero h1{font-size:clamp(42px,5vw,58px)!important}
}
@media(max-width:760px){
 body.area-public .desktop-nav{display:none!important}
 body.area-public .site-header{height:70px!important}
 body.area-public .fp-hero h1{font-size:42px!important}
 body.area-public .fp-hero p{font-size:15px!important}
 body.area-public .fp-heading h2{font-size:32px!important}
 body.area-public .fp-plan-body ul{font-size:10px!important}
 .scroll-top{width:50px;height:50px;right:17px;bottom:84px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* =========================================================
   GOLDEN KPI + FEATURE TILES — FINTECH MLM
   ========================================================= */
body.area-public .fp-stats{
  position:relative;
  background:linear-gradient(135deg,#0d070b 0%,#141007 48%,#0d070b 100%)!important;
  border:1px solid rgba(248,211,101,.72)!important;
  box-shadow:0 0 0 1px rgba(120,78,5,.35),0 10px 34px rgba(0,0,0,.48),0 0 28px rgba(246,201,79,.08)!important;
  overflow:hidden!important;
}
body.area-public .fp-stats:before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-35%;width:28%;
  background:linear-gradient(100deg,transparent,rgba(255,239,170,.22),transparent);
  transform:skewX(-20deg);
  animation:kpiGoldSweep 4.2s ease-in-out infinite;
  pointer-events:none;
  z-index:2;
}
body.area-public .fp-stats>div{
  position:relative;
  min-height:86px!important;
  padding:13px 28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(246,201,79,.035))!important;
  border-right:1px solid rgba(246,201,79,.3)!important;
  transition:background .35s ease,transform .35s ease,box-shadow .35s ease!important;
  z-index:3;
}
body.area-public .fp-stats>div:hover{
  background:linear-gradient(145deg,rgba(246,201,79,.13),rgba(255,255,255,.025))!important;
  transform:translateY(-2px)!important;
  box-shadow:inset 0 0 28px rgba(246,201,79,.06),0 0 24px rgba(246,201,79,.12)!important;
}
body.area-public .fp-stats span{
  width:47px!important;height:47px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#7a5003 0%,#f7d568 52%,#a66d06 100%)!important;
  border:1px solid #ffe28a!important;
  color:#0d070b!important;
  box-shadow:0 0 0 3px rgba(246,201,79,.08),0 0 20px rgba(246,201,79,.22),inset 0 1px 0 rgba(255,247,199,.65)!important;
  animation:kpiIconPulse 2.6s ease-in-out infinite;
}
body.area-public .fp-stats>div:nth-child(2) span{animation-delay:.25s}
body.area-public .fp-stats>div:nth-child(3) span{animation-delay:.5s}
body.area-public .fp-stats>div:nth-child(4) span{animation-delay:.75s}
body.area-public .fp-stats strong{
  color:#ffe27b!important;
  text-shadow:0 0 14px rgba(246,201,79,.22)!important;
  font-size:29px!important;
  letter-spacing:.2px;
}
body.area-public .fp-stats small{
  color:#c8b98e!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.15px;
}

/* Feature items become complete golden animated cards */
body.area-public .fp-features{
  background:linear-gradient(180deg,#080806,#080407)!important;
  border-bottom:1px solid rgba(246,201,79,.24)!important;
  gap:12px!important;
  padding-top:24px!important;
  padding-bottom:24px!important;
}
body.area-public .fp-features>div{
  position:relative;
  min-height:94px!important;
  padding:12px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(246,201,79,.32)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#141108 0%,#0d070b 55%,#120e05 100%)!important;
  box-shadow:inset 0 0 22px rgba(246,201,79,.025),0 8px 20px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease!important;
}
body.area-public .fp-features>div:before{
  content:"";
  position:absolute;
  width:70%;height:2px;
  left:-85%;top:0;
  background:linear-gradient(90deg,transparent,#fff0a5,#f6c94f,transparent);
  box-shadow:0 0 14px rgba(246,201,79,.65);
  transform:skewX(-25deg);
  animation:featureGoldSweep 3.8s ease-in-out infinite;
}
body.area-public .fp-features>div:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:15px;
  background:radial-gradient(circle at 50% 0,rgba(246,201,79,.11),transparent 52%);
  opacity:.7;
  pointer-events:none;
}
body.area-public .fp-features>div:hover{
  transform:translateY(-8px) scale(1.025)!important;
  border-color:#f6cf60!important;
  background:linear-gradient(145deg,#211805 0%,#0c0a07 55%,#1a1305 100%)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.5),0 0 28px rgba(246,201,79,.17),inset 0 0 24px rgba(246,201,79,.055)!important;
}
body.area-public .fp-features span{
  position:relative;
  z-index:2;
  width:50px!important;height:50px!important;
  margin:0 auto 8px!important;
  border:1px solid #bd8a19!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#211706,#0d070b)!important;
  color:#f8d668!important;
  box-shadow:0 0 0 2px rgba(246,201,79,.05),0 0 18px rgba(246,201,79,.09),inset 0 0 12px rgba(246,201,79,.05)!important;
  transition:transform .35s ease,box-shadow .35s ease,background .35s ease!important;
}
body.area-public .fp-features>div:hover span{
  transform:translateY(-3px) rotate(-3deg) scale(1.08)!important;
  background:linear-gradient(145deg,#9d6907,#f4cd59)!important;
  color:#0d070b!important;
  border-color:#f06aa9!important;
  box-shadow:0 0 0 3px rgba(246,201,79,.08),0 0 25px rgba(246,201,79,.28)!important;
}
body.area-public .fp-features b{
  position:relative;
  z-index:2;
  color:#f3ead7!important;
  font-size:12px!important;
  line-height:1.25!important;
  text-shadow:0 0 8px rgba(246,201,79,.08);
}
body.area-public .fp-features>div:hover b{color:#ffe28a!important}

@keyframes kpiGoldSweep{0%,62%{left:-35%;opacity:0}68%{opacity:1}88%{left:115%;opacity:0}100%{left:115%;opacity:0}}
@keyframes kpiIconPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 3px rgba(246,201,79,.08),0 0 20px rgba(246,201,79,.22),inset 0 1px 0 rgba(255,247,199,.65)}50%{transform:scale(1.045);box-shadow:0 0 0 6px rgba(246,201,79,.04),0 0 30px rgba(246,201,79,.34),inset 0 1px 0 rgba(255,247,199,.75)}}
@keyframes featureGoldSweep{0%,30%{left:-85%;opacity:0}38%{opacity:1}68%{left:115%;opacity:0}100%{left:115%;opacity:0}}

@media(max-width:900px){
  body.area-public .fp-stats>div{padding:12px 15px!important}
  body.area-public .fp-features{gap:9px!important}
}
@media(max-width:700px){
  body.area-public .fp-stats{margin-left:10px!important;margin-right:10px!important}
  body.area-public .fp-stats>div{min-height:78px!important;padding:10px!important}
  body.area-public .fp-stats span{width:40px!important;height:40px!important;font-size:15px!important}
  body.area-public .fp-stats strong{font-size:21px!important}
  body.area-public .fp-stats small{font-size:10px!important}
  body.area-public .fp-features{gap:8px 6px!important;padding:18px 10px!important}
  body.area-public .fp-features>div{min-height:82px!important;padding:9px 4px!important;border-radius:12px!important}
  body.area-public .fp-features span{width:40px!important;height:40px!important;font-size:14px!important;margin-bottom:6px!important}
  body.area-public .fp-features b{font-size:9px!important}
}

/* =========================================================
   FINTECH MLM v6 — GOLDEN PACKAGE / HOW-IT-WORKS / ACTIVITY PASS
   Larger typography + animated luxury gold treatment
   ========================================================= */
body.area-public .fp-plans-area{
  position:relative!important;
  background:
    radial-gradient(circle at 12% 35%,rgba(194,24,112,.055),transparent 25%),
    radial-gradient(circle at 88% 20%,rgba(194,24,112,.045),transparent 28%),
    #080407!important;
  border-top:1px solid rgba(194,24,112,.20)!important;
  border-bottom:1px solid rgba(194,24,112,.20)!important;
}
body.area-public .fp-plans-area:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 25%,rgba(255,225,122,.035) 45%,transparent 65%);
  background-size:220% 100%;animation:goldSweep 8s linear infinite;
}
body.area-public .fp-plans,body.area-public .fp-how{position:relative;z-index:1}
body.area-public .fp-heading h2{
  font-size:clamp(36px,3.3vw,48px)!important;
  line-height:1.05!important;color:#fff8e7!important;
  text-shadow:0 0 22px rgba(194,24,112,.10)!important;
}
body.area-public .fp-heading p{font-size:15px!important;color:#c8b991!important}
body.area-public .fp-plan-grid{gap:13px!important}
body.area-public .fp-plan{
  border:1px solid rgba(194,24,112,.48)!important;
  background:linear-gradient(145deg,#17130a 0%,#080806 52%,#131008 100%)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.42),0 0 0 rgba(194,24,112,0)!important;
  position:relative!important;overflow:hidden!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important;
}
body.area-public .fp-plan:before{
  content:"";position:absolute;top:-120%;left:-40%;width:45%;height:320%;
  background:linear-gradient(90deg,transparent,rgba(255,229,143,.17),transparent);
  transform:rotate(22deg);animation:cardShine 6s ease-in-out infinite;pointer-events:none;
}
body.area-public .fp-plan:hover{
  transform:translateY(-8px)!important;
  border-color:#f06aa9!important;
  box-shadow:0 18px 42px rgba(0,0,0,.55),0 0 28px rgba(194,24,112,.18)!important;
}
body.area-public .fp-plan header{
  background:linear-gradient(105deg,#9a6705,#f4c84b 48%,#a56e08)!important;
  color:#0d070b!important;
  min-height:52px!important;
}
body.area-public .fp-plan header strong{font-size:16px!important;font-weight:900!important}
body.area-public .fp-plan header span{font-size:11px!important;font-weight:900!important}
body.area-public .fp-price{
  font-size:34px!important;line-height:1.05!important;color:#ffe27b!important;
  text-shadow:0 0 14px rgba(194,24,112,.16)!important;
}
body.area-public .fp-plan-body>small{font-size:11px!important;color:#b8a878!important}
body.area-public .fp-plan-body ul{font-size:13px!important;color:#eee5d2!important}
body.area-public .fp-plan-body li{margin:9px 0!important}
body.area-public .fp-plan-body li i{color:#21e78b!important;filter:drop-shadow(0 0 5px rgba(33,231,139,.4))}
body.area-public .fp-plan-body a{
  font-size:13px!important;font-weight:900!important;padding:12px!important;
  background:linear-gradient(105deg,#9c6805,#f6cd58 50%,#b17a0c)!important;
  color:#0d070b!important;border:1px solid #f06aa9!important;
  box-shadow:0 0 0 rgba(194,24,112,0)!important;
  transition:all .3s ease!important;
}
body.area-public .fp-plan-body a:hover{box-shadow:0 0 22px rgba(194,24,112,.35)!important;transform:translateY(-2px)!important}

body.area-public .fp-how{
  border:1px solid rgba(194,24,112,.48)!important;
  background:linear-gradient(145deg,#15120c,#080806)!important;
  box-shadow:0 15px 35px rgba(0,0,0,.42),inset 0 0 35px rgba(194,24,112,.025)!important;
}
body.area-public .fp-how h2{font-size:32px!important;color:#fff8e8!important;text-shadow:0 0 18px rgba(194,24,112,.10)}
body.area-public .fp-step{
  min-height:60px!important;margin:9px 0!important;padding:8px!important;
  border:1px solid rgba(194,24,112,.20)!important;
  background:linear-gradient(90deg,rgba(194,24,112,.075),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 0 18px rgba(194,24,112,.018)!important;
  transition:all .3s ease!important;
}
body.area-public .fp-step:hover{transform:translateX(5px)!important;border-color:#c21870!important;box-shadow:0 0 20px rgba(194,24,112,.13)!important}
body.area-public .fp-step>b{
  width:34px!important;height:34px!important;font-size:14px!important;
  background:linear-gradient(145deg,#641039,#f06aa9)!important;color:#0d070b!important;
  box-shadow:0 0 15px rgba(194,24,112,.18)!important;
}
body.area-public .fp-step>span{width:38px!important;height:38px!important;background:#10070d!important;border:1px solid rgba(194,24,112,.35)!important}
body.area-public .fp-step>span i{color:#f7ce58!important;font-size:15px!important}
body.area-public .fp-step strong{font-size:13px!important;color:#fff5df!important}
body.area-public .fp-step small{font-size:10px!important;color:#b8aa8c!important}

body.area-public .fp-bottom{
  position:relative!important;
  background:
    radial-gradient(circle at 15% 20%,rgba(194,24,112,.10),transparent 30%),
    radial-gradient(circle at 84% 80%,rgba(194,24,112,.07),transparent 28%),
    linear-gradient(135deg,#080806,#0d0b07 50%,#080407)!important;
  border-top:1px solid rgba(194,24,112,.32)!important;
  border-bottom:1px solid rgba(194,24,112,.28)!important;
  box-shadow:inset 0 18px 45px rgba(0,0,0,.28)!important;
}
body.area-public .fp-bottom:after{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#9b6807,#ffe27a,#9b6807,transparent);
  background-size:200% 100%;animation:goldLine 4s linear infinite;
}
body.area-public .fp-bottom>div{position:relative;z-index:1}
body.area-public .fp-bottom h2{font-size:26px!important;color:#fff7e4!important}
body.area-public .fp-live h2 i{background:#22e58b!important;box-shadow:0 0 13px #22e58b!important}
body.area-public .fp-live-row{
  padding:10px 0!important;border-bottom:1px solid rgba(194,24,112,.14)!important;
  transition:all .28s ease!important;
}
body.area-public .fp-live-row:hover{transform:translateX(5px)!important;background:linear-gradient(90deg,rgba(194,24,112,.055),transparent)!important}
body.area-public .fp-live-row>span{width:34px!important;height:34px!important;background:linear-gradient(145deg,#fffdf4,#d9a41c)!important;color:#171106!important;border:1px solid #c21870!important;box-shadow:0 0 12px rgba(194,24,112,.14)!important}
body.area-public .fp-live-row strong{font-size:13px!important;color:#fff8e9!important}
body.area-public .fp-live-row small,body.area-public .fp-live-row em{font-size:10px!important;color:#bcae8d!important}
body.area-public .fp-live-row b{font-size:12px!important;color:#25ef93!important}
body.area-public .fp-why>div{gap:9px!important}
body.area-public .fp-why article{
  min-height:58px!important;border-color:rgba(194,24,112,.30)!important;
  background:linear-gradient(145deg,#151209,#0d070b)!important;
  box-shadow:inset 0 0 20px rgba(194,24,112,.018)!important;
  transition:all .3s ease!important;
}
body.area-public .fp-why article:hover{transform:translateY(-4px)!important;border-color:#c21870!important;box-shadow:0 0 22px rgba(194,24,112,.13)!important}
body.area-public .fp-why article i{width:35px!important;height:35px!important;font-size:13px!important;background:linear-gradient(145deg,#986306,#f6cd58,#9c6807)!important;box-shadow:0 0 12px rgba(194,24,112,.12)!important}
body.area-public .fp-why article span{font-size:11px!important;color:#eee5d2!important;line-height:1.2!important}
body.area-public .fp-cta{
  min-height:210px!important;padding:23px!important;
  background:linear-gradient(145deg,#8f5e04,#f4c84c 52%,#9e6806)!important;
  border-color:#ffe28a!important;
  box-shadow:0 0 35px rgba(194,24,112,.12),inset 0 0 30px rgba(255,236,154,.12)!important;
  overflow:hidden!important;
}
body.area-public .fp-cta:after{
  content:"";position:absolute;top:-100%;left:-30%;width:35%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,250,214,.24),transparent);transform:rotate(20deg);animation:cardShine 5.5s ease-in-out infinite;pointer-events:none;
}
body.area-public .fp-cta>i{font-size:32px!important;color:#0b0803!important;filter:drop-shadow(0 0 7px rgba(255,244,180,.4))}
body.area-public .fp-cta h2{font-size:27px!important;line-height:1.05!important;color:#0d070b!important}
body.area-public .fp-cta p{font-size:13px!important;line-height:1.45!important;color:#3b2d0b!important}
body.area-public .fp-cta a{font-size:13px!important;padding:13px!important;border:1px solid #ffe28a!important;position:relative;z-index:2}

@keyframes goldSweep{0%{background-position:200% 0}100%{background-position:-20% 0}}
@keyframes cardShine{0%,55%{left:-45%;opacity:0}65%{opacity:1}82%,100%{left:135%;opacity:0}}
@keyframes goldLine{0%{background-position:200% 0}100%{background-position:-20% 0}}

@media(max-width:700px){
 body.area-public .fp-heading h2{font-size:32px!important}
 body.area-public .fp-heading p{font-size:13px!important}
 body.area-public .fp-plan-grid{grid-template-columns:1fr!important}
 body.area-public .fp-price{font-size:30px!important}
 body.area-public .fp-plan-body ul{font-size:12px!important}
 body.area-public .fp-how h2{font-size:28px!important}
 body.area-public .fp-bottom h2{font-size:23px!important}
 body.area-public .fp-live-row strong{font-size:12px!important}
 body.area-public .fp-why article span{font-size:10px!important}
 body.area-public .fp-cta h2{font-size:25px!important}
}


/* ================================================================
   FINTECH MLM v9 — CORRECTED GOLD MEGA FOOTER
   ================================================================ */
body.area-public .mega-footer{position:relative!important;max-width:none!important;margin:0!important;padding:0 clamp(28px,5vw,72px) 24px!important;background:radial-gradient(circle at 10% 10%,rgba(194,24,112,.12),transparent 24%),radial-gradient(circle at 90% 25%,rgba(194,24,112,.08),transparent 28%),linear-gradient(145deg,#080407 0%,#10060c 48%,#080407 100%)!important;border-top:1px solid rgba(194,24,112,.5)!important;color:#eadfc8!important;overflow:hidden!important}
body.area-public .mega-footer-glow{position:absolute;inset:0;pointer-events:none;opacity:.75;background:radial-gradient(circle at 50% -20%,rgba(255,220,105,.16),transparent 34%),linear-gradient(115deg,transparent 34%,rgba(255,220,105,.045) 50%,transparent 66%);background-size:100% 100%,220% 100%;animation:megaFooterSweep 8s linear infinite}
body.area-public .mega-footer-top{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:52px 0 34px;display:grid;grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(145px,.9fr)) minmax(260px,1.45fr);gap:30px;align-items:stretch}
body.area-public .mega-footer-brand{padding-right:10px;min-width:0}
body.area-public .mega-brand{display:inline-flex!important;align-items:center!important;gap:13px!important;color:#fff0f7!important;margin:0 0 17px!important}
body.area-public .mega-brand-mark{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#8d5d04,#ffe27a 50%,#a36c08)!important;color:#0d070b!important;font-size:24px;border:1px solid #ffe28a;box-shadow:0 0 25px rgba(194,24,112,.2),inset 0 0 15px rgba(255,246,190,.2);animation:megaGoldPulse 3s ease-in-out infinite}
body.area-public .mega-brand strong{display:block!important;font-size:28px!important;line-height:1.05!important;color:#ffe27a!important;text-shadow:0 0 18px rgba(194,24,112,.18)!important}
body.area-public .mega-brand small{display:block!important;font-size:13px!important;color:#b3a486!important;margin-top:4px!important}
body.area-public .mega-footer-brand>p{max-width:330px!important;margin:0!important;color:#b8aa8e!important;font-size:16px!important;line-height:1.75!important}
body.area-public .mega-socials{display:flex;gap:10px;margin-top:22px}
body.area-public .mega-socials a{width:44px!important;height:44px!important;margin:0!important;border:1px solid rgba(194,24,112,.38)!important;border-radius:12px!important;display:grid!important;place-items:center!important;color:#f5cf64!important;background:linear-gradient(145deg,#17130a,#0d070b)!important;box-shadow:inset 0 0 14px rgba(194,24,112,.04)!important;transition:all .3s ease!important;font-size:16px!important}
body.area-public .mega-socials a:hover{transform:translateY(-5px) rotate(-2deg)!important;color:#0d070b!important;background:linear-gradient(145deg,#a36c08,#ffe27a)!important;box-shadow:0 0 22px rgba(194,24,112,.28)!important}
body.area-public .mega-footer-column{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
body.area-public .mega-footer-column h3{margin:2px 0 18px!important;color:#fff5d9!important;font-size:19px!important;font-weight:900!important;display:flex;align-items:center;gap:9px!important;position:relative;line-height:1.25!important}
body.area-public .mega-footer-column h3 i{color:#f6cf61!important;font-size:16px;filter:drop-shadow(0 0 7px rgba(194,24,112,.3))}
body.area-public .mega-footer-column h3:after{content:"";position:absolute;left:0;bottom:-9px;width:46px;height:2px;background:linear-gradient(90deg,#ffe27a,#9a6705);box-shadow:0 0 10px rgba(194,24,112,.3)}
body.area-public .mega-footer-column>a{display:flex!important;align-items:center;gap:10px!important;width:100%;margin:0!important;padding:9px 0!important;color:#c6b99f!important;font-size:15px!important;font-weight:650!important;line-height:1.35!important;transition:all .25s ease!important}
body.area-public .mega-footer-column>a i{width:18px;flex:0 0 18px;text-align:center;color:#c18f22!important;font-size:13px;transition:.25s ease}
body.area-public .mega-footer-column>a:hover{padding-left:7px!important;color:#ffe28a!important;text-shadow:0 0 10px rgba(194,24,112,.14)!important}
body.area-public .mega-footer-column>a:hover i{color:#ffe27a!important;transform:scale(1.18)!important}
body.area-public .mega-footer-note{display:flex;align-items:flex-start;gap:11px;margin-top:15px;padding:14px;width:100%;border:1px solid rgba(194,24,112,.25);border-radius:14px;background:linear-gradient(145deg,rgba(194,24,112,.09),rgba(255,255,255,.015))}
body.area-public .mega-footer-note>i{color:#f5cf64;font-size:19px;margin-top:2px}
body.area-public .mega-footer-note strong{display:block;color:#f7df99!important;font-size:13px!important}
body.area-public .mega-footer-note small{display:block;color:#978b73!important;font-size:11px!important;line-height:1.45!important;margin-top:3px}
body.area-public .mega-footer-top .mega-footer-cta{position:relative;z-index:1;min-width:0;margin:0!important;padding:24px!important;border:1px solid rgba(194,24,112,.48);border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;background:linear-gradient(145deg,rgba(194,24,112,.13),rgba(194,24,112,.035),rgba(194,24,112,.11));box-shadow:inset 0 0 25px rgba(194,24,112,.03),0 0 24px rgba(194,24,112,.06);overflow:hidden}
body.area-public .mega-footer-top .mega-footer-cta:after{content:"";position:absolute;top:-100%;left:-20%;width:16%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,250,214,.18),transparent);transform:rotate(20deg);animation:megaCtaShine 5s ease-in-out infinite;pointer-events:none}
body.area-public .mega-footer-top .mega-footer-cta>div{display:flex;align-items:flex-start;gap:13px;position:relative;z-index:1}
body.area-public .mega-cta-icon{width:52px;height:52px;flex:0 0 52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#8d5d04,#ffe27a);color:#0d070b;box-shadow:0 0 18px rgba(194,24,112,.22);font-size:20px}
body.area-public .mega-footer-cta strong{display:block;color:#ffe27a!important;font-size:21px!important;line-height:1.25!important}
body.area-public .mega-footer-cta small{display:block;color:#b0a286!important;font-size:13px!important;line-height:1.55!important;margin-top:5px}
body.area-public .mega-footer-cta>a{position:relative;z-index:1;display:flex!important;width:100%;align-items:center;justify-content:center;gap:9px;margin:0!important;padding:14px 18px!important;border-radius:12px!important;background:linear-gradient(105deg,#9a6506,#f06aa9,#b27608)!important;color:#0d070b!important;border:1px solid #ffe493!important;font-size:14px!important;font-weight:900!important;box-shadow:0 0 20px rgba(194,24,112,.14)!important;transition:all .3s ease!important}
body.area-public .mega-footer-cta>a:hover{transform:translateY(-3px)!important;box-shadow:0 0 30px rgba(194,24,112,.32)!important}
body.area-public .mega-footer-bottom{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:20px 0 4px;border-top:1px solid rgba(194,24,112,.18);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:18px;color:#8d836f!important;font-size:12px!important}
body.area-public .mega-footer-bottom span:nth-child(2){text-align:center}
body.area-public .mega-footer-bottom span:nth-child(3){text-align:right}
body.area-public .mega-footer-bottom i{color:#e6bd51;margin-right:5px}
@keyframes megaFooterSweep{0%,100%{background-position:0 0,0 0}50%{background-position:0 0,100% 0}}
@keyframes megaGoldPulse{0%,100%{box-shadow:0 0 20px rgba(194,24,112,.16),inset 0 0 15px rgba(255,246,190,.14)}50%{box-shadow:0 0 34px rgba(194,24,112,.32),inset 0 0 22px rgba(255,246,190,.24)}}
@keyframes megaCtaShine{0%,55%{left:-25%}75%,100%{left:125%}}
@media(max-width:1150px){body.area-public .mega-footer-top{grid-template-columns:1.2fr 1fr 1fr;gap:28px}body.area-public .mega-footer-top .mega-footer-cta{grid-column:1/-1;min-height:160px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}body.area-public .mega-footer-top .mega-footer-cta>a{width:auto;min-width:220px}}
@media(max-width:760px){body.area-public .mega-footer{padding:0 18px 78px!important}body.area-public .mega-footer-top{grid-template-columns:1fr 1fr;gap:28px 18px;padding:38px 0 25px}body.area-public .mega-footer-brand{grid-column:1/-1;padding-right:0}body.area-public .mega-brand strong{font-size:24px!important}body.area-public .mega-footer-brand>p{font-size:14px!important}body.area-public .mega-footer-column h3{font-size:16px!important}body.area-public .mega-footer-column>a{font-size:13px!important;padding:8px 0!important}body.area-public .mega-footer-note{display:none}body.area-public .mega-footer-top .mega-footer-cta{grid-column:1/-1;min-height:0;flex-direction:column;align-items:stretch;padding:18px!important}body.area-public .mega-footer-top .mega-footer-cta>a{width:100%;min-width:0}body.area-public .mega-footer-bottom{grid-template-columns:1fr;gap:8px;align-items:start;font-size:11px!important;padding-bottom:3px}body.area-public .mega-footer-bottom span:nth-child(2),body.area-public .mega-footer-bottom span:nth-child(3){text-align:left}}
@media(prefers-reduced-motion:reduce){body.area-public .mega-footer-glow,body.area-public .mega-brand-mark,body.area-public .mega-footer-top .mega-footer-cta:after{animation:none!important}}

/* =========================================================
   FINTECH MLM v10 — SIMPLE FOOTER + FULL PUBLIC MOBILE MENU
   ========================================================= */
body.area-public .simple-footer{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:42px max(6vw,28px) 18px!important;
  background:linear-gradient(145deg,#080407 0%,#10060c 55%,#080407 100%)!important;
  border-top:1px solid rgba(194,24,112,.45)!important;
  color:#d9ccb2!important;
  overflow:hidden!important;
}
body.area-public .simple-footer:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 15% 0%,rgba(255,215,90,.12),transparent 28%),radial-gradient(circle at 85% 20%,rgba(194,24,112,.07),transparent 28%);
}
body.area-public .simple-footer-inner{
  position:relative;z-index:1;max-width:1250px;margin:0 auto;
  display:grid;grid-template-columns:1.15fr 1.45fr .85fr;gap:44px;align-items:start;
}
body.area-public .simple-footer-brand{min-width:0}
body.area-public .simple-footer .mega-brand{display:inline-flex;align-items:center;gap:13px}
body.area-public .simple-footer .mega-brand strong{font-size:26px!important;color:#f06aa9!important;line-height:1.1!important}
body.area-public .simple-footer .mega-brand small{display:block;color:#9f9278!important;font-size:12px!important;margin-top:4px}
body.area-public .simple-footer .mega-brand-mark{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0a6,#b2760b)!important;color:#0d070b!important;box-shadow:0 0 25px rgba(194,24,112,.18)}
body.area-public .simple-footer-brand>p{max-width:390px!important;margin:18px 0!important;color:#aa9c82!important;font-size:16px!important;line-height:1.7!important}
body.area-public .simple-socials{display:flex;gap:10px}
body.area-public .simple-socials a{width:42px;height:42px;border:1px solid rgba(194,24,112,.38);border-radius:12px;display:grid;place-items:center;color:#e8c35b!important;background:rgba(194,24,112,.04);transition:.3s ease}
body.area-public .simple-socials a:hover{transform:translateY(-4px);background:linear-gradient(145deg,#d9a92f,#7d5205);color:#0d070b!important;box-shadow:0 0 22px rgba(194,24,112,.28)}
body.area-public .simple-footer-links h3{margin:2px 0 20px!important;color:#fff1c9!important;font-size:21px!important;font-weight:900!important}
body.area-public .simple-footer-links h3 i{color:#f4cc5b!important;margin-right:8px}
body.area-public .simple-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 22px}
body.area-public .simple-link-grid a{display:flex!important;align-items:center;gap:8px!important;color:#b9aa8d!important;font-size:15px!important;font-weight:700!important;transition:.25s ease!important}
body.area-public .simple-link-grid a i{width:17px;text-align:center;color:#c59627!important}
body.area-public .simple-link-grid a:hover{color:#ffe28a!important;transform:translateX(5px);text-shadow:0 0 12px rgba(194,24,112,.18)}
body.area-public .simple-footer-cta{border:1px solid rgba(194,24,112,.4);border-radius:18px;padding:22px;background:linear-gradient(145deg,rgba(194,24,112,.12),rgba(194,24,112,.035));box-shadow:0 0 30px rgba(194,24,112,.06);position:relative;overflow:hidden}
body.area-public .simple-footer-cta:after{content:"";position:absolute;top:-120%;left:-30%;width:20%;height:320%;background:linear-gradient(90deg,transparent,rgba(255,246,190,.15),transparent);transform:rotate(22deg);animation:simpleFooterShine 5s ease-in-out infinite}
body.area-public .simple-footer-cta>div{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:1}
body.area-public .simple-footer-cta>div>i{color:#f06aa9;font-size:25px;margin-top:3px;filter:drop-shadow(0 0 8px rgba(194,24,112,.25))}
body.area-public .simple-footer-cta strong{display:block;color:#f06aa9!important;font-size:22px!important;line-height:1.2!important}
body.area-public .simple-footer-cta small{display:block;color:#b2a387!important;font-size:14px!important;line-height:1.55!important;margin-top:7px}
body.area-public .simple-footer-cta>a{position:relative;z-index:1;display:flex!important;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:13px 16px!important;border-radius:11px!important;background:linear-gradient(105deg,#a96f07,#ffe17a,#b67909)!important;color:#0d070b!important;font-size:15px!important;font-weight:900!important;border:1px solid #ffe79b!important;box-shadow:0 0 20px rgba(194,24,112,.15)!important}
body.area-public .simple-footer-bottom{position:relative;z-index:1;max-width:1250px;margin:30px auto 0;padding-top:16px;border-top:1px solid rgba(194,24,112,.18);display:flex;justify-content:space-between;gap:20px;color:#887c67!important;font-size:13px!important}
body.area-public .simple-footer-bottom i{color:#e5bd50;margin-right:6px}
@keyframes simpleFooterShine{0%,55%{left:-30%}75%,100%{left:125%}}

/* Public mobile menu: ALL top-menu items, horizontally scrollable */
body.area-public .public-mobile-bottom{display:none}
@media(max-width:760px){
  body.area-public .simple-footer{padding:34px 18px 86px!important}
  body.area-public .simple-footer-inner{grid-template-columns:1fr;gap:28px}
  body.area-public .simple-footer-brand>p{font-size:15px!important}
  body.area-public .simple-footer-links h3{font-size:19px!important}
  body.area-public .simple-link-grid{grid-template-columns:1fr 1fr;gap:13px 18px}
  body.area-public .simple-link-grid a{font-size:14px!important}
  body.area-public .simple-footer-cta{padding:20px!important}
  body.area-public .simple-footer-bottom{flex-direction:column;gap:7px;text-align:center;font-size:12px!important;margin-top:24px}
  body.area-public .public-mobile-bottom{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    display:flex!important;align-items:stretch!important;gap:0!important;
    height:72px!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;
    white-space:nowrap!important;scroll-behavior:smooth!important;
    background:rgba(7,6,5,.98)!important;border-top:1px solid #b98518!important;
    box-shadow:0 -8px 28px rgba(0,0,0,.6)!important;z-index:9999!important;
    -webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;
    scrollbar-color:#d7ad3e #0b0906!important;
  }
  body.area-public .public-mobile-bottom::-webkit-scrollbar{height:4px}
  body.area-public .public-mobile-bottom::-webkit-scrollbar-track{background:#0b0906}
  body.area-public .public-mobile-bottom::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8c5b06,#ffe27a,#a8730a);border-radius:99px}
  body.area-public .public-mobile-bottom a{
    flex:0 0 88px!important;min-width:88px!important;height:72px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:5px!important;color:#b9aa8d!important;font-size:10px!important;font-weight:800!important;
    border-right:1px solid rgba(194,24,112,.12)!important;transition:.25s ease!important;
  }
  body.area-public .public-mobile-bottom a i{font-size:18px!important;color:#e7c354!important;transition:.25s ease!important}
  body.area-public .public-mobile-bottom a:hover,body.area-public .public-mobile-bottom a:focus{color:#ffe58a!important;background:linear-gradient(180deg,rgba(194,24,112,.13),transparent)!important}
  body.area-public .public-mobile-bottom a:hover i{transform:translateY(-2px) scale(1.12);filter:drop-shadow(0 0 8px rgba(194,24,112,.45))}
  body.area-public{padding-bottom:72px}
  /* Keep the Grow / Earn badge visible on mobile without covering the feature panel. */
  body.area-public .fp-grow-badge{display:block!important;right:3%!important;top:68%!important;width:108px!important;padding:8px 9px!important;font-size:10px!important;line-height:1.2!important;transform:rotate(-5deg)!important;z-index:6!important}
  body.area-public .fp-bars{right:5%!important;bottom:5px!important;height:75px!important}
  body.area-public .fp-bars i{width:9px!important}
}


/* =========================================================
   FINTECH MLM v11 — SIMPLE FOOTER + FULL SCROLLABLE MOBILE MENU
   ========================================================= */
body.area-public .simple-footer{
  width:100%!important;max-width:none!important;margin:0!important;padding:42px 6vw 18px!important;
  background:linear-gradient(145deg,#080407 0%,#10060c 52%,#080407 100%)!important;
  border-top:1px solid rgba(194,24,112,.45)!important;color:#d9ccb2!important;
  position:relative!important;overflow:hidden!important;
}
body.area-public .simple-footer:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 0%,rgba(255,215,90,.10),transparent 30%),radial-gradient(circle at 85% 30%,rgba(194,24,112,.06),transparent 28%)}
body.area-public .simple-footer-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1.55fr 1fr;gap:42px;align-items:start}
body.area-public .simple-footer-brand,.simple-footer-links,.simple-footer-cta{min-width:0}
body.area-public .simple-footer-logo{display:inline-flex!important;align-items:center;gap:12px;margin:0!important}
body.area-public .simple-footer-logo-mark{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0a6,#b2760b);color:#0d070b;box-shadow:0 0 22px rgba(194,24,112,.18);font-size:20px}
body.area-public .simple-footer-logo strong{display:block!important;color:#f06aa9!important;font-size:25px!important;line-height:1.05!important}
body.area-public .simple-footer-logo small{display:block!important;color:#a99b80!important;font-size:11px!important;margin-top:3px}
body.area-public .simple-footer-brand>p{max-width:350px!important;margin:16px 0 18px!important;color:#b6a98f!important;font-size:15px!important;line-height:1.65!important}
body.area-public .simple-socials{display:flex!important;gap:9px!important}
body.area-public .simple-socials a{width:40px!important;height:40px!important;margin:0!important;border:1px solid rgba(194,24,112,.35)!important;border-radius:11px!important;display:grid!important;place-items:center!important;color:#f4cc5b!important;background:rgba(194,24,112,.035)!important;transition:.25s ease!important}
body.area-public .simple-socials a:hover{transform:translateY(-3px);color:#0d070b!important;background:linear-gradient(145deg,#e1b53e,#8c5e06)!important;box-shadow:0 0 20px rgba(194,24,112,.25)!important}
body.area-public .simple-footer-links h3{margin:2px 0 15px!important;color:#fff1c9!important;font-size:19px!important;font-weight:900!important}
body.area-public .simple-footer-links h3 i{color:#f4cc5b!important;margin-right:7px}
body.area-public .simple-link-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px!important}
body.area-public .simple-link-grid a{display:flex!important;align-items:center;gap:8px!important;margin:0!important;color:#c0b296!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;transition:.25s ease!important}
body.area-public .simple-link-grid a i{width:17px;text-align:center;color:#d3a82e!important}
body.area-public .simple-link-grid a:hover{color:#ffe27a!important;transform:translateX(4px)!important}
body.area-public .simple-footer-cta{padding:22px!important;border:1px solid rgba(194,24,112,.38)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(194,24,112,.10),rgba(194,24,112,.025))!important;box-shadow:inset 0 0 22px rgba(194,24,112,.03)!important}
body.area-public .simple-footer-cta>div{display:flex;gap:12px;align-items:flex-start}
body.area-public .simple-footer-cta>div>i{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0a6,#b2760b);color:#0d070b;font-size:18px}
body.area-public .simple-footer-cta strong{display:block!important;color:#ffe27a!important;font-size:20px!important;line-height:1.2!important}
body.area-public .simple-footer-cta small{display:block!important;color:#b5a78b!important;font-size:13px!important;line-height:1.5!important;margin-top:5px}
body.area-public .simple-footer-cta>a{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;margin:18px 0 0!important;padding:13px 15px!important;border-radius:10px!important;background:linear-gradient(105deg,#9a6506,#f06aa9,#b27608)!important;color:#0d070b!important;border:1px solid #ffe493!important;font-size:14px!important;font-weight:900!important;transition:.3s ease!important}
body.area-public .simple-footer-cta>a:hover{transform:translateY(-3px)!important;box-shadow:0 0 25px rgba(194,24,112,.28)!important}
body.area-public .simple-footer-bottom{position:relative;z-index:1;max-width:1180px;margin:28px auto 0;padding:14px 0 0;border-top:1px solid rgba(194,24,112,.14);display:flex;justify-content:space-between;gap:15px;color:#8f846d!important;font-size:12px!important}
body.area-public .simple-footer-bottom i{color:#e4bb50;margin-right:5px}

/* Public mobile navigation: every desktop menu item remains available by horizontal scrolling. */
body.area-public .public-mobile-bottom{
  display:none!important;
}
@media(max-width:760px){
  body.area-public .simple-footer{padding:30px 18px 92px!important}
  body.area-public .simple-footer-inner{grid-template-columns:1fr!important;gap:24px!important}
  body.area-public .simple-footer-brand>p{font-size:14px!important;max-width:100%!important}
  body.area-public .simple-footer-links h3{font-size:18px!important}
  body.area-public .simple-link-grid{grid-template-columns:1fr 1fr!important;gap:10px 18px!important}
  body.area-public .simple-link-grid a{font-size:13px!important}
  body.area-public .simple-footer-cta{padding:18px!important}
  body.area-public .simple-footer-bottom{margin-top:20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;font-size:11px!important}
  body.area-public .public-mobile-bottom{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:72px!important;
    display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
    overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
    padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;
    background:rgba(5,5,4,.98)!important;border-top:1px solid rgba(194,24,112,.55)!important;
    box-shadow:0 -10px 30px rgba(0,0,0,.45)!important;z-index:999!important;
    scrollbar-width:thin!important;scrollbar-color:#d5a52c #151108!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.area-public .public-mobile-bottom::-webkit-scrollbar{height:4px}
  body.area-public .public-mobile-bottom::-webkit-scrollbar-track{background:#151108}
  body.area-public .public-mobile-bottom::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#9a6506,#f06aa9,#b27608);border-radius:10px}
  body.area-public .public-mobile-bottom a{
    flex:0 0 86px!important;width:86px!important;height:61px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:3px!important;margin:0!important;border-radius:10px!important;
    color:#b8aa8e!important;font-size:10px!important;font-weight:800!important;transition:.22s ease!important;
  }
  body.area-public .public-mobile-bottom a i{font-size:18px!important;color:#e5bb4d!important;line-height:1!important;transition:.22s ease!important}
  body.area-public .public-mobile-bottom a:hover,
  body.area-public .public-mobile-bottom a.active{color:#fff0b0!important;background:linear-gradient(145deg,rgba(194,24,112,.15),rgba(194,24,112,.03))!important;box-shadow:inset 0 0 16px rgba(194,24,112,.08)!important}
  body.area-public .public-mobile-bottom a:hover i,
  body.area-public .public-mobile-bottom a.active i{color:#ffe27a!important;transform:translateY(-2px) scale(1.08)!important;filter:drop-shadow(0 0 7px rgba(194,24,112,.35))}

  /* Keep the hero growth message visible on small screens without covering the feature panel. */
  body.area-public .fp-grow-badge{
    display:block!important;right:auto!important;left:3%!important;top:auto!important;bottom:18px!important;
    width:118px!important;padding:9px 10px!important;font-size:10px!important;line-height:1.25!important;
    transform:rotate(-4deg)!important;z-index:8!important;background:rgba(8,8,6,.9)!important;
    border-color:#e6c75e!important;box-shadow:0 0 18px rgba(194,24,112,.18)!important;
  }
  body.area-public .fp-feature-panel{right:2%!important;top:10px!important;width:158px!important;z-index:7!important}
  body.area-public .fp-bars{right:3%!important;bottom:8px!important;z-index:6!important}
}
@media(prefers-reduced-motion:reduce){body.area-public .public-mobile-bottom a{transition:none!important}}

/* =========================================================
   FINTECH MLM v12 — SIMPLE FOOTER + COMPLETE PUBLIC MOBILE MENU
   Definitive overrides for the public site.
   ========================================================= */
body.area-public .simple-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:48px 6vw 22px!important;
  background:#0a0609!important;
  border-top:1px solid rgba(240,194,67,.55)!important;
  color:#d8c79c!important;
  overflow:hidden!important;
  box-shadow:0 -10px 35px rgba(0,0,0,.22)!important;
}
body.area-public .simple-footer:before,
body.area-public .simple-footer:after{display:none!important}
body.area-public .simple-footer-inner{
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1.1fr) minmax(300px,1.4fr) minmax(220px,.8fr)!important;
  gap:52px!important;
  align-items:start!important;
}
body.area-public .simple-footer-brand,
body.area-public .simple-footer-links,
body.area-public .simple-footer-cta{min-width:0!important}
body.area-public .simple-footer-logo{display:inline-flex!important;align-items:center!important;gap:12px!important}
body.area-public .simple-footer-logo-mark{width:52px!important;height:52px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#fff0a3,#bd850f)!important;color:#0d070b!important;box-shadow:0 0 20px rgba(240,194,67,.18)!important}
body.area-public .simple-footer-logo strong{display:block!important;color:#ffe17b!important;font-size:25px!important;line-height:1.05!important}
body.area-public .simple-footer-logo small{display:block!important;color:#9f916f!important;font-size:12px!important;margin-top:4px!important}
body.area-public .simple-footer-brand>p{max-width:360px!important;margin:18px 0!important;color:#a99a78!important;font-size:15px!important;line-height:1.7!important}
body.area-public .simple-socials{display:flex!important;gap:10px!important}
body.area-public .simple-socials a{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid rgba(240,194,67,.38)!important;border-radius:11px!important;background:#0d0c09!important;color:#e8c454!important;transition:.25s ease!important}
body.area-public .simple-socials a:hover{transform:translateY(-3px)!important;background:linear-gradient(145deg,#f7d96d,#9d6c09)!important;color:#0d070b!important;box-shadow:0 0 20px rgba(240,194,67,.25)!important}
body.area-public .simple-footer-links h3{margin:0 0 18px!important;color:#fff2c7!important;font-size:20px!important;font-weight:900!important}
body.area-public .simple-footer-links h3 i{color:#f0c34e!important;margin-right:8px!important}
body.area-public .simple-link-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 26px!important}
body.area-public .simple-link-grid a{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;color:#c5b58f!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important;transition:.2s ease!important}
body.area-public .simple-link-grid a i{width:18px!important;text-align:center!important;color:#d3a532!important}
body.area-public .simple-link-grid a:hover{color:#ffe17b!important;transform:translateX(4px)!important}
body.area-public .simple-footer-cta{padding:24px!important;border:1px solid rgba(240,194,67,.42)!important;border-radius:16px!important;background:#0d0c09!important;box-shadow:inset 0 0 30px rgba(240,194,67,.035)!important}
body.area-public .simple-footer-cta strong{display:block!important;color:#ffe17b!important;font-size:23px!important;line-height:1.2!important}
body.area-public .simple-footer-cta p{margin:10px 0 20px!important;color:#aa9b7a!important;font-size:14px!important;line-height:1.6!important}
body.area-public .simple-footer-cta>a{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;margin:0!important;padding:13px 15px!important;border-radius:10px!important;background:linear-gradient(105deg,#a66d08,#ffe27b,#b8790b)!important;color:#0d070b!important;border:1px solid #ffe79c!important;font-size:14px!important;font-weight:900!important;transition:.25s ease!important}
body.area-public .simple-footer-cta>a:hover{transform:translateY(-2px)!important;box-shadow:0 0 24px rgba(240,194,67,.28)!important}
body.area-public .simple-footer-bottom{max-width:1180px!important;margin:32px auto 0!important;padding-top:17px!important;border-top:1px solid rgba(240,194,67,.16)!important;display:flex!important;justify-content:space-between!important;gap:20px!important;color:#81765f!important;font-size:13px!important}
body.area-public .simple-footer-bottom i{color:#c21870!important;margin-right:6px!important}

/* Force all public top-menu items into the mobile bottom navigation. */
body.area-public .public-mobile-bottom{
  display:none!important;
}
@media (max-width:760px){
  body.area-public{padding-bottom:74px!important}
  body.area-public .simple-footer{padding:34px 18px 22px!important}
  body.area-public .simple-footer-inner{grid-template-columns:1fr!important;gap:28px!important}
  body.area-public .simple-footer-brand>p{font-size:15px!important;max-width:520px!important}
  body.area-public .simple-footer-links h3{font-size:19px!important}
  body.area-public .simple-link-grid{grid-template-columns:1fr 1fr!important;gap:13px 18px!important}
  body.area-public .simple-link-grid a{font-size:14px!important}
  body.area-public .simple-footer-cta{padding:20px!important}
  body.area-public .simple-footer-bottom{display:flex!important;flex-direction:column!important;text-align:center!important;gap:7px!important;font-size:12px!important;margin-top:24px!important}
  body.area-public .public-mobile-bottom{
    display:flex!important;
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:74px!important;
    padding:0!important;margin:0!important;
    align-items:stretch!important;justify-content:flex-start!important;
    gap:0!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    white-space:nowrap!important;
    background:#0a0609!important;
    border-top:1px solid #c28b18!important;
    box-shadow:0 -8px 26px rgba(0,0,0,.7)!important;
    z-index:2147483000!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    scrollbar-color:#e2bb51 #18090f!important;
  }
  body.area-public .public-mobile-bottom::-webkit-scrollbar{height:5px!important}
  body.area-public .public-mobile-bottom::-webkit-scrollbar-track{background:#18090f!important}
  body.area-public .public-mobile-bottom::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#946106,#ffe27a,#b77d0d)!important;border-radius:99px!important}
  body.area-public .public-mobile-bottom a{
    flex:0 0 92px!important;min-width:92px!important;height:74px!important;
    margin:0!important;padding:8px 6px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:5px!important;
    color:#bcae8d!important;
    border-right:1px solid rgba(240,194,67,.13)!important;
    font-size:10px!important;font-weight:800!important;
    text-align:center!important;
    transition:.2s ease!important;
  }
  body.area-public .public-mobile-bottom a i{display:block!important;color:#e7c452!important;font-size:18px!important;line-height:1!important;transition:.2s ease!important}
  body.area-public .public-mobile-bottom a:hover,
  body.area-public .public-mobile-bottom a:focus,
  body.area-public .public-mobile-bottom a.active{color:#ffe58a!important;background:linear-gradient(180deg,rgba(240,194,67,.14),rgba(240,194,67,.02))!important}
  body.area-public .public-mobile-bottom a:hover i,
  body.area-public .public-mobile-bottom a:focus i,
  body.area-public .public-mobile-bottom a.active i{transform:translateY(-2px) scale(1.12)!important;filter:drop-shadow(0 0 8px rgba(240,194,67,.5))!important}
}


/* FINTECH MLM v13 — MINIMAL FOOTER: LOGO + PAGE LINKS + SOCIAL + COPYRIGHT */
body.area-public .simple-footer{
  position:relative!important;
  max-width:none!important;
  margin:0!important;
  padding:34px 6% 18px!important;
  border-top:1px solid rgba(194,24,112,.28)!important;
  background:#050505!important;
  color:#cfc3a5!important;
  display:block!important;
  overflow:hidden!important;
}
body.area-public .simple-footer:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 18% 0%,rgba(194,24,112,.10),transparent 28%),radial-gradient(circle at 82% 100%,rgba(194,24,112,.06),transparent 28%);
}
body.area-public .simple-footer-inner{
  position:relative;z-index:1;max-width:1180px;margin:0 auto;
  display:flex!important;align-items:center;justify-content:space-between;gap:28px;
}
body.area-public .simple-footer-logo{
  display:inline-flex!important;align-items:center;gap:12px;margin:0!important;
  color:#fff!important;flex:0 0 auto;
}
body.area-public .simple-footer-logo-mark{
  width:48px;height:48px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ffd0e5,#b7790a)!important;color:#0d070b!important;
  font-size:19px;box-shadow:0 0 22px rgba(194,24,112,.18);
}
body.area-public .simple-footer-logo strong{display:block!important;color:#f06aa9!important;font-size:24px!important;line-height:1.05!important}
body.area-public .simple-footer-logo small{display:block!important;color:#9f9278!important;font-size:11px!important;margin-top:3px}
body.area-public .simple-footer-page-links{
  display:flex!important;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;
  flex:1 1 auto;
}
body.area-public .simple-footer-page-links a{
  display:inline-flex!important;align-items:center;gap:7px;margin:0!important;
  color:#d7c9aa!important;font-size:15px!important;font-weight:700!important;
  transition:color .25s ease,transform .25s ease,text-shadow .25s ease;
}
body.area-public .simple-footer-page-links a i{color:#e83e8c!important;font-size:13px}
body.area-public .simple-footer-page-links a:hover{color:#fff1b1!important;transform:translateY(-2px);text-shadow:0 0 12px rgba(194,24,112,.5)}
body.area-public .simple-footer .simple-socials{display:flex!important;align-items:center;gap:9px;flex:0 0 auto}
body.area-public .simple-footer .simple-socials a{
  width:40px!important;height:40px!important;border-radius:11px!important;display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;color:#f06aa9!important;
  border:1px solid rgba(194,24,112,.38)!important;
  background:rgba(194,24,112,.055)!important;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
body.area-public .simple-footer .simple-socials a:hover{
  transform:translateY(-4px) scale(1.05);background:linear-gradient(145deg,#fff0a6,#b2760b)!important;color:#0d070b!important;
  box-shadow:0 0 20px rgba(194,24,112,.3);
}
body.area-public .simple-footer-bottom{
  position:relative;z-index:1;max-width:1180px;margin:22px auto 0!important;padding-top:14px!important;
  border-top:1px solid rgba(194,24,112,.16)!important;display:flex!important;justify-content:center!important;
  color:#8f836c!important;font-size:13px!important;text-align:center;
}
@media(max-width:850px){
  body.area-public .simple-footer{padding:28px 18px 16px!important}
  body.area-public .simple-footer-inner{flex-direction:column!important;gap:20px!important;text-align:center}
  body.area-public .simple-footer-page-links{gap:12px 20px}
  body.area-public .simple-footer-page-links a{font-size:14px!important}
  body.area-public .simple-footer-bottom{font-size:12px!important}
}

/* =========================================================
   FINTECH MLM v14 — AUTH / LEGAL / ADMIN REFINEMENT
   ========================================================= */
:root{--gold:#c21870;--gold-bright:#f06aa9;--gold-deep:#7a0f43;--gold-line:rgba(194,24,112,.34);--cream:#fff0f7;--ink:#0a0609}

/* Full-screen authentication — no public header/footer */
body.area-auth{margin:0;min-height:100vh;background:#0a0609!important;color:var(--cream)!important;overflow-x:hidden}
body.area-auth .auth-shell{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 18px;background:radial-gradient(circle at 12% 18%,rgba(194,24,112,.13),transparent 27%),radial-gradient(circle at 88% 82%,rgba(151,101,5,.10),transparent 28%),linear-gradient(145deg,#0a0609,#11100b 52%,#060605);overflow:hidden}
.auth-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(194,24,112,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(194,24,112,.035) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent 90%);opacity:.55}
.auth-orbit{position:absolute;border:1px solid rgba(194,24,112,.12);border-radius:50%;pointer-events:none;animation:authOrbit 12s linear infinite}.auth-orbit-one{width:620px;height:620px;right:-260px;top:-250px;box-shadow:0 0 70px rgba(194,24,112,.06)}.auth-orbit-two{width:440px;height:440px;left:-220px;bottom:-220px;animation-direction:reverse}.auth-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(194,24,112,.13),transparent 68%);filter:blur(8px);animation:authGlow 5s ease-in-out infinite}
@keyframes authOrbit{to{transform:rotate(360deg)}}@keyframes authGlow{0%,100%{transform:scale(.92);opacity:.65}50%{transform:scale(1.08);opacity:1}}
.auth-brand{position:absolute;top:24px;left:32px;z-index:2}.auth-brand a{display:inline-flex;align-items:center;gap:11px}.auth-brand-mark{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0a6,#a96f05);color:#0d070b;box-shadow:0 0 24px rgba(194,24,112,.2)}.auth-brand strong{display:block;font-size:21px;color:#f06aa9}.auth-brand small{display:block;font-size:10px;color:#9f9277}
.auth-main{position:relative;z-index:2;width:100%;display:flex;justify-content:center}.auth-card-wrap{width:100%;display:flex;justify-content:center;align-items:center;padding:70px 0 30px}.auth-card{width:min(760px,100%);padding:34px;border:1px solid rgba(194,24,112,.52);border-radius:24px;background:linear-gradient(145deg,rgba(24,21,14,.97),rgba(9,9,7,.98));box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 35px rgba(194,24,112,.07);position:relative;overflow:hidden;animation:authCardIn .7s ease both}.auth-card:before{content:"";position:absolute;left:-20%;top:-55%;width:70%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,232,144,.08),transparent);transform:rotate(25deg);animation:authSweep 6s ease-in-out infinite}.compact-auth-card{width:min(540px,100%)}
@keyframes authCardIn{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}@keyframes authSweep{0%,30%{transform:translateX(-120%) rotate(25deg)}70%,100%{transform:translateX(240%) rotate(25deg)}}
.auth-card-head{position:relative;z-index:1;margin-bottom:22px}.auth-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:99px;border:1px solid var(--gold-line);background:rgba(194,24,112,.08);color:#f06aa9;font-weight:800;font-size:12px}.auth-card h1{margin:16px 0 8px;font-size:clamp(32px,4vw,48px);line-height:1.05;color:#fff0f7}.auth-card-head p{margin:0;color:#bdb29a;font-size:15px;line-height:1.65}.auth-form{position:relative;z-index:1}.auth-form .field{margin:16px 0}.auth-form .field label{font-size:14px;color:#e2d5ba;font-weight:700}.auth-form .field label i{color:#e83e8c;margin-right:6px}.input-icon{position:relative}.input-icon>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#b01a64;z-index:2}.input-icon input,.input-icon select{padding-left:44px!important;height:50px!important;border-radius:13px!important;background:#0a0609!important;border:1px solid rgba(194,24,112,.28)!important;color:#f8efd9!important}.input-icon input::placeholder{color:#736b59}.auth-submit{width:100%;min-height:52px;margin-top:8px;font-size:15px!important;position:relative;overflow:hidden}.auth-submit:after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-20deg);animation:authButtonShine 4.5s ease-in-out infinite}.auth-submit>*{position:relative;z-index:1}@keyframes authButtonShine{0%,55%{left:-120%}75%,100%{left:160%}}
.auth-links,.auth-other{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:18px;color:#a99d82;font-size:13px}.auth-links a,.auth-other a{color:#e83e8c;font-weight:800}.auth-links a:hover,.auth-other a:hover{color:#fff0a4;text-shadow:0 0 12px rgba(194,24,112,.45)}.auth-other{border-top:1px solid rgba(194,24,112,.12);padding-top:16px;font-size:12px}.auth-other a{display:inline-flex;align-items:center;gap:6px}.register-card{max-width:820px}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.auth-copyright{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#6f6655;font-size:11px;z-index:2}

/* Public register button stays visibly highlighted */
body.area-public .header-register{position:relative!important;background:linear-gradient(135deg,#a86f05,#f4ca57 52%,#a06b07)!important;color:#0d070b!important;border:1px solid #f6d96f!important;box-shadow:0 0 0 1px rgba(194,24,112,.12),0 8px 24px rgba(194,24,112,.16)!important;min-width:96px!important;justify-content:center!important;animation:registerGlow 2.8s ease-in-out infinite!important}
body.area-public .header-register i{color:#0d070b!important}@keyframes registerGlow{0%,100%{box-shadow:0 0 0 1px rgba(194,24,112,.12),0 8px 24px rgba(194,24,112,.16)}50%{box-shadow:0 0 0 4px rgba(194,24,112,.05),0 10px 32px rgba(194,24,112,.28),0 0 20px rgba(194,24,112,.16)}}

/* Legal pages: full, readable, animated like the other public pages */
body.area-public .luxury-legal-page{padding:0!important;background:#080807!important;min-height:calc(100vh - 62px);color:#efe6d2}.legal-hero{position:relative;padding:58px max(6vw,24px) 44px;overflow:hidden;border-bottom:1px solid var(--gold-line);background:radial-gradient(circle at 75% 20%,rgba(194,24,112,.13),transparent 25%),linear-gradient(145deg,#0d070b,#15120b 55%,#080807)}.legal-hero:after{content:"";position:absolute;width:360px;height:360px;right:-140px;top:-190px;border:1px solid rgba(194,24,112,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(194,24,112,.025),0 0 0 56px rgba(194,24,112,.018);animation:goldOrbit 11s linear infinite}.legal-hero .tiny-pill{position:relative;z-index:1}.legal-hero h1{position:relative;z-index:1;font-size:clamp(38px,5vw,60px)!important;line-height:1.02;margin:16px 0 10px!important;color:#fff0f7!important}.legal-hero p{position:relative;z-index:1;max-width:760px;color:#c5b99e!important;font-size:16px!important;line-height:1.75!important}.legal-meta{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.legal-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(194,24,112,.2);border-radius:10px;background:rgba(194,24,112,.05);color:#b9aa89;font-size:12px}.legal-meta i{color:#e83e8c}.legal-layout{max-width:1220px;margin:0 auto;padding:42px max(24px,5vw) 70px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.legal-content{max-width:none!important;padding:30px!important;background:linear-gradient(145deg,#1b0b15,#11080e)!important;border-color:var(--gold-line)!important}.legal-content section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid rgba(194,24,112,.12)}.legal-content section:last-child{margin-bottom:0;border-bottom:0}.legal-content h2{font-size:21px!important;color:#f06aa9!important;margin:0 0 9px!important}.legal-content p{font-size:14px!important;line-height:1.85!important;color:#bdb29b!important;margin:0 0 10px!important}.legal-content a{color:#e83e8c!important;font-weight:800}.legal-side{display:grid;gap:14px;align-content:start}.legal-side>div{padding:20px;border:1px solid var(--gold-line);border-radius:17px;background:linear-gradient(145deg,#1b0b15,#12090f);box-shadow:var(--gold-shadow);animation:featureReveal .65s ease both}.legal-side>div:nth-child(2){animation-delay:.1s}.legal-side>div:nth-child(3){animation-delay:.2s}.legal-side i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#9a6605,#e83e8c);color:#0d070b;margin-bottom:12px}.legal-side strong{display:block;color:#f06aa9;font-size:16px}.legal-side p{margin:6px 0 0;color:#a99d84;font-size:12px;line-height:1.7}

/* Admin workspace: full-height sidebar + rich linked dashboard */
body.area-admin .sidebar{position:fixed!important;left:0;top:0;bottom:0;height:100vh!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1000!important}.area-admin .main-panel{margin-left:272px;min-height:100vh}.area-admin .topbar{position:sticky!important;top:0!important}.admin-dashboard-v14{display:grid;gap:20px}.admin-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px!important;position:relative;overflow:hidden}.admin-welcome:after{content:"";position:absolute;width:280px;height:280px;right:-130px;top:-160px;border-radius:50%;border:1px solid rgba(194,24,112,.18);box-shadow:0 0 0 22px rgba(194,24,112,.025),0 0 50px rgba(194,24,112,.08);animation:goldOrbit 9s linear infinite}.admin-eyebrow,.admin-section-label{display:inline-flex;align-items:center;gap:7px;color:#e83e8c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.admin-welcome h2{font-size:28px;color:#fff0f7;margin:9px 0 6px}.admin-welcome p{margin:0;max-width:760px;color:#b8ac94;font-size:13px}.admin-welcome-actions{position:relative;z-index:2;display:flex;gap:9px;flex-wrap:wrap}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.admin-kpi{display:flex;align-items:center;gap:14px;padding:20px!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.admin-kpi:hover{transform:translateY(-5px);border-color:rgba(194,24,112,.7)!important;box-shadow:0 18px 35px rgba(0,0,0,.4),0 0 22px rgba(194,24,112,.08)!important}.admin-kpi-icon{width:52px;height:52px;flex:0 0 52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#986404,#e83e8c);color:#0d070b;font-size:21px;box-shadow:0 0 20px rgba(194,24,112,.14)}.admin-kpi small{display:block;color:#a99d84;font-size:12px}.admin-kpi strong{display:block;color:#f8b8d5;font-size:24px;line-height:1.2;margin:3px 0}.admin-kpi em{font-style:normal;color:#37e998;font-size:10px}.admin-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-link-card{padding:19px;border:1px solid var(--gold-line);border-radius:16px;background:linear-gradient(145deg,#1b0b15,#11080e);box-shadow:var(--gold-shadow);display:flex;flex-direction:column;min-height:160px;transition:.28s ease;position:relative;overflow:hidden}.admin-link-card:before{content:"";position:absolute;top:-80%;left:-40%;width:40%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,229,137,.08),transparent);transform:rotate(25deg);transition:1s}.admin-link-card:hover{transform:translateY(-5px);border-color:rgba(194,24,112,.7);box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 26px rgba(194,24,112,.08)}.admin-link-card:hover:before{left:130%}.admin-link-card>i{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#986404,#e83e8c);color:#0d070b;font-size:18px}.admin-link-card strong{font-size:16px;color:#f06aa9;margin-top:12px}.admin-link-card span{color:#a99d84;font-size:11px;line-height:1.6;margin-top:5px}.admin-link-card b{margin-top:auto;color:#e83e8c;font-size:11px}.admin-main-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.admin-bottom-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.admin-table-card{padding:22px!important}.admin-table-card h3,.admin-health h3{margin:7px 0 3px;color:#fff0c9;font-size:20px}.admin-health{padding:22px!important}.health-list{display:grid;gap:9px;margin:18px 0}.health-list div{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid rgba(194,24,112,.13);border-radius:10px;background:rgba(194,24,112,.025)}.health-list span{color:#a99d84;font-size:12px}.health-list strong{color:#ffe28a;font-size:14px}.health-actions{display:flex;gap:8px;flex-wrap:wrap}

@media(max-width:1050px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-link-grid{grid-template-columns:repeat(2,1fr)}.admin-main-grid,.admin-bottom-grid{grid-template-columns:1fr}.legal-layout{grid-template-columns:1fr}.legal-side{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body.area-auth .auth-shell{padding:70px 14px 35px}.auth-brand{top:15px;left:16px}.auth-brand strong{font-size:18px}.auth-brand-mark{width:40px;height:40px}.auth-card{padding:23px 18px;border-radius:19px}.auth-card h1{font-size:31px}.auth-card-head p{font-size:13px}.register-grid{grid-template-columns:1fr}.auth-card-wrap{padding:20px 0 35px}.auth-copyright{position:relative;margin-top:8px;bottom:auto}.legal-hero{padding:40px 18px 32px}.legal-hero h1{font-size:37px!important}.legal-hero p{font-size:14px!important}.legal-layout{padding:25px 14px 55px}.legal-content{padding:21px!important}.legal-content h2{font-size:19px!important}.legal-content p{font-size:13px!important}.legal-side{grid-template-columns:1fr}.area-admin .main-panel{margin-left:0}.area-admin .sidebar{left:-290px;transition:left .25s ease}.area-admin.sidebar-open .sidebar{left:0}.admin-welcome{flex-direction:column;align-items:flex-start}.admin-welcome h2{font-size:23px}.admin-kpi-grid{grid-template-columns:1fr}.admin-link-grid{grid-template-columns:1fr 1fr}.content{padding:18px!important}}
@media(max-width:470px){.admin-link-grid{grid-template-columns:1fr}.auth-links,.auth-other{flex-direction:column;gap:8px}.legal-meta{flex-direction:column;align-items:flex-start}}

/* =========================================================
   FINTECH MLM — ADMIN CRUD + FRANCHISE REPORTS FINAL PASS
   ========================================================= */
body.area-admin,body.area-franchisee,
body.area-admin .app-shell,body.area-franchisee .app-shell,
body.area-admin .main-panel,body.area-franchisee .main-panel,
body.area-admin .content,body.area-franchisee .content{
  background:#080407!important;
  color:var(--lux-text)!important;
}
body.area-admin .content,body.area-franchisee .content{min-height:calc(100vh - 151px)!important}
body.area-admin .card,body.area-franchisee .card{background:linear-gradient(145deg,#1b0b15,#0a0907)!important;border:1px solid var(--lux-line)!important;color:var(--lux-text)!important}
body.area-admin .page-grid,body.area-franchisee .page-grid{background:transparent!important}

.admin-crud-page,.admin-settings-page,.reports-page{animation:dashboardRise .55s ease both}
.crud-grid{align-items:start!important;grid-template-columns:minmax(360px,.8fr) minmax(600px,1.2fr)!important}
.crud-form-card,.crud-list-card,.report-panel{min-width:0}
.crud-form-card h2,.crud-list-card h2,.report-panel h2,.admin-settings-page h2{margin:4px 0 5px!important;font-size:22px!important;color:var(--lux-text)!important}
.admin-section-label{display:inline-flex;align-items:center;gap:7px;color:var(--lux-gold2)!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.7px;font-weight:800}
.admin-section-label i{color:var(--lux-gold)!important}
.crud-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check-field{display:flex!important;align-items:center;gap:9px;height:45px;padding:0 12px;background:#0d070b;border:1px solid var(--lux-line-soft);border-radius:11px;color:#e8dfce!important}
.check-field input{width:17px!important;height:17px!important;accent-color:#c21870}
.crud-form-card .field label:not(.check-field),.admin-settings-page .field label{color:#cfc3aa!important;font-size:12px!important;font-weight:700!important}
.crud-form-card .field input,.crud-form-card .field select,.crud-form-card .field textarea,.admin-settings-page .field input,.admin-settings-page .field select,.admin-settings-page .field textarea{min-height:44px!important}
.table-sub{display:block!important;color:#8f856f!important;font-size:9px!important;margin-top:2px!important}
.btn-danger{background:rgba(255,72,91,.08)!important;border:1px solid rgba(255,82,100,.35)!important;color:#ff7583!important}
.btn-danger:hover{background:rgba(255,72,91,.16)!important;border-color:#ff6675!important}
.actions form{margin:0!important;display:inline-flex}
.alert{background:#180b14!important;border-color:var(--lux-line)!important;color:#f4dfad!important}
.alert.success{background:rgba(34,229,139,.06)!important;border-color:rgba(34,229,139,.25)!important;color:#51ef9d!important}
.admin-settings-page .settings-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:start}
.admin-settings-page .settings-grid>section:nth-child(3){grid-column:1/-1}
.admin-settings-page code{color:#f4d36d}
.settings-save{display:flex;justify-content:flex-end;margin-top:16px}

.reports-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.report-kpi{padding:16px!important;display:flex;align-items:center;gap:12px;min-height:108px!important}
.report-kpi-icon{width:43px;height:43px;flex:0 0 43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#986303,#f7d566);color:#090805;font-size:18px;box-shadow:0 0 18px rgba(246,201,79,.15)}
.report-kpi small{display:block;color:#a99d84!important;font-size:10px!important}
.report-kpi strong{display:block;color:#fff5dd!important;font-size:21px!important;margin:3px 0}
.report-kpi em{display:block;color:#28e98d!important;font-size:9px!important;font-style:normal}
.reports-main-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:16px;margin-bottom:16px}
.report-bars{margin-top:14px;display:grid;gap:13px}
.report-bar-row{display:grid;grid-template-columns:58px 1fr 100px;gap:10px;align-items:center;font-size:10px;color:#b8ac94}
.report-bar-row strong{text-align:right;color:#f4d46c;font-size:10px}
.report-bar-track{height:11px;background:#080806;border:1px solid rgba(246,201,79,.12);border-radius:99px;overflow:hidden}
.report-bar-track b{display:block;height:100%;background:linear-gradient(90deg,#8e5d03,#ffe27d,#b27705);border-radius:99px;box-shadow:0 0 12px rgba(246,201,79,.2);transition:width 1s ease}
.payout-ring{width:135px;height:135px;margin:10px auto 15px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22e58b 0 58%,#f6c94f 58% 80%,#ff5264 80% 100%);box-shadow:0 0 30px rgba(246,201,79,.1);position:relative}
.payout-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#12090f}
.payout-ring>div{position:relative;z-index:1;text-align:center}.payout-ring strong{display:block;font-size:25px;color:#fff3d2}.payout-ring span{font-size:9px;color:#9d927c}
.payout-list{display:grid;gap:8px}.payout-list div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(246,201,79,.08);padding-bottom:7px;font-size:10px;color:#aaa087}.payout-list strong{color:#f2d574}.text-red{color:#ff6575!important}
.reports-tables{grid-template-columns:1fr 1fr}
.report-franchise-grid{grid-template-columns:1.35fr .65fr!important}
.franchise-summary{min-height:100%}.fr-summary-line{display:flex;justify-content:space-between;gap:12px;margin:22px 0 8px;color:#b8ac95;font-size:11px}.fr-summary-line strong{color:#f5d36c}.report-progress{height:12px;border-radius:99px;background:#080806;border:1px solid rgba(246,201,79,.14);overflow:hidden}.report-progress b{display:block;height:100%;background:linear-gradient(90deg,#976303,#f8d45d);border-radius:99px}.franchise-summary .btn{margin-top:25px;width:100%}

@media(max-width:1200px){.reports-kpi-grid{grid-template-columns:repeat(3,1fr)}.crud-grid{grid-template-columns:1fr!important}.admin-settings-page .settings-grid{grid-template-columns:1fr}.admin-settings-page .settings-grid>section:nth-child(3){grid-column:auto}.reports-main-grid,.reports-tables,.report-franchise-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){.crud-two{grid-template-columns:1fr}.reports-kpi-grid{grid-template-columns:1fr 1fr}.report-kpi{min-height:92px!important}.report-kpi strong{font-size:18px!important}.report-bar-row{grid-template-columns:48px 1fr 80px}.report-panel h2{font-size:19px!important}.crud-form-card,.crud-list-card,.report-panel{padding:14px!important}}
@media(max-width:470px){.reports-kpi-grid{grid-template-columns:1fr}.report-kpi{min-height:82px!important}}

/* =========================================================
   FINTECH MLM — GLOBAL BLACK BACKGROUND FINAL OVERRIDE
   Keep every application/page surface black; cards retain their
   own gold/black styling. This intentionally removes stray white
   backgrounds caused by older theme rules.
   ========================================================= */
html,
body{
  background:#080407!important;
}
body.area-user,
body.area-admin,
body.area-franchisee,
body.area-public{
  background:#080407!important;
  color:var(--lux-text,#efe6d2)!important;
}
body.area-user .app-shell,
body.area-admin .app-shell,
body.area-franchisee .app-shell,
body.area-user .main-panel,
body.area-admin .main-panel,
body.area-franchisee .main-panel,
body.area-user .content,
body.area-admin .content,
body.area-franchisee .content,
body.area-user main,
body.area-admin main,
body.area-franchisee main,
body.area-user .page-grid,
body.area-admin .page-grid,
body.area-franchisee .page-grid,
body.area-user .dashboard-bottom-grid,
body.area-admin .dashboard-bottom-grid,
body.area-franchisee .dashboard-bottom-grid{
  background:#080407!important;
}
body.area-user .page-head,
body.area-admin .page-head,
body.area-franchisee .page-head{
  background:linear-gradient(180deg,#0d0c09 0%,#080407 100%)!important;
}
body.area-user .content,
body.area-admin .content,
body.area-franchisee .content{
  min-height:calc(100vh - 151px)!important;
}
body.area-public .section,
body.area-public .main-panel,
body.area-public main{
  background:#080407!important;
}
body.area-public .site-header{
  background:#080806!important;
}
body.area-public .footer,
body.area-public .simple-footer,
body.area-public .mega-footer{
  background:#080407!important;
}
/* Stop browser/legacy theme wrappers from exposing white gutters. */
.area-admin .content,
.area-franchisee .content,
.area-user .content,
.area-admin .main-panel,
.area-franchisee .main-panel,
.area-user .main-panel{
  box-shadow:none!important;
}

/* =========================================================
   FINTECH MLM TOPBAR — ADMIN SETTINGS / NOTIFICATIONS / ACCOUNT
   ========================================================= */
body.area-admin .fintech-topbar{overflow:visible!important;position:sticky!important;z-index:1200!important}
.fintech-actions{display:flex!important;align-items:center;gap:10px!important;position:relative}
.top-settings-link,.top-dropdown-trigger{border:1px solid rgba(226,183,63,.34);background:linear-gradient(145deg,#15130d,#0d070b);color:#f5ce57!important;box-shadow:0 0 0 rgba(245,206,87,0);transition:.25s ease;cursor:pointer}
.top-settings-link{display:grid;place-items:center;text-decoration:none;width:40px;height:40px;border-radius:12px}
.top-settings-link:hover,.top-dropdown-trigger:hover{border-color:#e83e8c!important;color:#ffd0e5!important;box-shadow:0 0 20px rgba(194,24,112,.18);transform:translateY(-2px)}
.top-dropdown{position:relative}
.top-dropdown-trigger{font:inherit}
.top-dropdown-menu{position:absolute;right:0;top:calc(100% + 12px);width:320px;background:linear-gradient(145deg,#17140e,#0d070b);border:1px solid rgba(226,183,63,.55);border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.65),0 0 28px rgba(194,24,112,.08);padding:10px;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transition:.2s ease;z-index:1500}
.top-dropdown.open .top-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.dropdown-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 12px;border-bottom:1px solid rgba(226,183,63,.16);color:#ffd0e5}.dropdown-heading strong{font-size:15px}.dropdown-heading span{font-size:11px;color:#bcae8c}
.notification-item{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:11px;color:#e9dfc8;transition:.2s ease}.notification-item:hover{background:rgba(194,24,112,.08);transform:translateX(3px)}.notification-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#9b690b,#f4cc54);color:#0d070b;flex:0 0 35px}.notification-item strong{display:block;font-size:12px;color:#fff0c4}.notification-item small{display:block;font-size:10px;color:#a99e88;margin-top:2px}.dropdown-view-all{display:flex;justify-content:space-between;align-items:center;padding:10px;border-top:1px solid rgba(226,183,63,.16);margin-top:3px;color:#f3c94d;font-size:11px;font-weight:800}.dropdown-view-all:hover{color:#ffd0e5}
.account-dropdown .top-profile{display:flex;align-items:center;gap:9px;padding:5px 10px;border:1px solid rgba(226,183,63,.34);border-radius:13px;background:linear-gradient(145deg,#15130d,#0d070b);color:#fff}.account-dropdown .top-profile strong{color:#f8e7bc}.account-dropdown .top-profile small{color:#9e947e}.account-menu{width:245px;padding:8px}.account-menu-head{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgba(226,183,63,.16);margin-bottom:5px}.account-large-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#a36e0a,#f5d25e);color:#0d070b}.account-menu-head strong{display:block;color:#fff0c5;font-size:13px}.account-menu-head small{display:block;color:#a99e86;font-size:10px}.account-menu>a{display:flex!important;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;color:#ddd3bc!important;font-size:12px;font-weight:700;margin:2px 0;transition:.2s ease}.account-menu>a i{width:18px;text-align:center;color:#f0c447}.account-menu>a:hover{background:rgba(194,24,112,.09);color:#fff!important;transform:translateX(2px)}.account-menu .dropdown-danger{color:#ff9a9a!important;border-top:1px solid rgba(255,100,100,.1);margin-top:5px}.account-menu .dropdown-danger i{color:#ff7777}
@media(max-width:760px){.fintech-actions{gap:6px!important}.topbar-date,.online-label{display:none!important}.top-search{max-width:180px!important}.top-dropdown-menu{position:fixed;right:10px;top:68px;width:min(320px,calc(100vw - 20px));}.account-dropdown .top-profile>span:nth-child(2){display:none}.account-dropdown .top-profile{width:42px;height:42px;justify-content:center;padding:0}.top-settings-link{width:42px;height:42px}.top-dropdown-trigger{min-height:40px}}

/* Topbar dropdown interaction hardening */
body.area-admin .fintech-topbar .top-dropdown{z-index:1600!important}
body.area-admin .fintech-topbar .top-dropdown.open{z-index:1700!important}
body.area-admin .fintech-topbar .top-dropdown-menu{pointer-events:none!important}
body.area-admin .fintech-topbar .top-dropdown.open .top-dropdown-menu{pointer-events:auto!important}
body.area-admin .fintech-topbar .top-dropdown-trigger{position:relative;z-index:2;cursor:pointer!important}


/* Native details/summary topbar dropdowns — works without JavaScript */
.fintech-topbar details.top-dropdown{position:relative;margin:0;padding:0;list-style:none;}
.fintech-topbar details.top-dropdown>summary{list-style:none;}
.fintech-topbar details.top-dropdown>summary::-webkit-details-marker{display:none;}
.fintech-topbar details.top-dropdown>summary::marker{display:none;}
.fintech-topbar details.top-dropdown>summary{outline:none;}
.fintech-topbar details.top-dropdown[open]>summary{border-color:#e83e8c!important;color:#ffd0e5!important;box-shadow:0 0 20px rgba(194,24,112,.18)!important;}
.fintech-topbar details.top-dropdown[open] .top-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto!important;}
.fintech-topbar details.top-dropdown .top-dropdown-menu{pointer-events:none;}
.fintech-topbar .notification-dropdown>summary.top-icon{display:grid;place-items:center;}
.fintech-topbar .account-dropdown>summary.top-profile{cursor:pointer;}
.fintech-topbar .account-dropdown[open]>summary .fa-chevron-down{transform:rotate(180deg);}
.fintech-topbar .account-dropdown .fa-chevron-down{transition:transform .2s ease;}

/* =========================================================
   FINTECH MLM PUBLIC PAGES — UNIFIED GOLD / BLACK SYSTEM
   Keeps every public page visually consistent with Home.
   ========================================================= */
body.area-public{background:#0a0609!important;color:#eee6d3!important;overflow-x:hidden}
body.area-public .content{padding:0!important;background:#0a0609!important}
body.area-public main.content{min-height:0}
.lux-public-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr);gap:55px;align-items:center;min-height:410px;padding:64px clamp(28px,6vw,86px);background:radial-gradient(circle at 74% 40%,rgba(194,24,112,.14),transparent 24%),radial-gradient(circle at 5% 20%,rgba(194,24,112,.08),transparent 22%),linear-gradient(120deg,#080806,#18090f 55%,#0a0609);border-bottom:1px solid var(--gold-border);overflow:hidden}
.lux-public-hero:before{content:"";position:absolute;width:620px;height:620px;right:-250px;top:-320px;border-radius:50%;border:1px solid rgba(194,24,112,.14);box-shadow:0 0 0 35px rgba(194,24,112,.025),0 0 0 72px rgba(194,24,112,.014);animation:goldOrbit 18s linear infinite}
.lux-public-hero:after{content:"";position:absolute;width:330px;height:330px;left:-170px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(194,24,112,.11),transparent 68%);animation:goldFloat 6s ease-in-out infinite}
.lux-hero-copy,.lux-hero-art{position:relative;z-index:2;animation:revealUp .75s ease both}
.lux-hero-copy h1{font-size:clamp(40px,5.3vw,68px)!important;line-height:1.02!important;color:#fff8e8!important;margin:17px 0 18px!important;letter-spacing:-.035em}
.lux-hero-copy h1 span{background:linear-gradient(90deg,#fff5b9,#c21870,#b87905);-webkit-background-clip:text;background-clip:text;color:transparent}
.lux-hero-copy p{max-width:760px;color:#c8bda6!important;font-size:17px!important;line-height:1.75!important;margin:0!important}
.lux-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.lux-hero-art{min-height:270px;border-radius:28px;border:1px solid var(--gold-border-strong);background:radial-gradient(circle at 50% 45%,rgba(194,24,112,.22),transparent 27%),linear-gradient(145deg,#220d19,#10070d 68%,#171108);box-shadow:0 25px 65px rgba(0,0,0,.48),0 0 38px rgba(194,24,112,.08);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;overflow:hidden;animation:goldFloat 5s ease-in-out infinite}
.lux-hero-art:before{content:"";position:absolute;inset:20px;border:1px solid rgba(194,24,112,.18);border-radius:22px;transform:rotate(-5deg);animation:goldPulse 3.5s ease-in-out infinite}
.lux-hero-art>i{font-size:72px;color:#0d070b;background:linear-gradient(135deg,#7a0f43,#f7d467,#a97108);width:110px;height:110px;border-radius:30px;display:grid;place-items:center;box-shadow:0 0 45px rgba(194,24,112,.24);position:relative;z-index:2}
.lux-hero-art strong{font-size:22px;color:#ffe28a;position:relative;z-index:2}.lux-hero-art small{font-size:13px;color:#a99c82;position:relative;z-index:2}.contact-art .art-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(194,24,112,.22),transparent 68%);animation:goldPulse 2.8s ease-in-out infinite}.orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#c21870;box-shadow:0 0 15px rgba(194,24,112,.8);animation:orbitDots 4s linear infinite}.dot-a{top:32px;left:30%}.dot-b{right:24%;top:45%}.dot-c{bottom:30px;left:35%;animation-delay:1.3s}
.process-art{background:radial-gradient(circle at 50% 50%,rgba(194,24,112,.18),transparent 35%),linear-gradient(145deg,#17130a,#080806)}.income-art strong{font-size:38px}.income-art>i{font-size:28px;width:62px;height:62px;border-radius:18px}.network-ring{position:absolute;border:1px solid rgba(194,24,112,.2);border-radius:50%;animation:goldOrbit 12s linear infinite}.ring-one{width:250px;height:120px}.ring-two{width:170px;height:260px;transform:rotate(55deg);animation-duration:9s}
.lux-section{position:relative;padding:58px clamp(28px,6vw,86px);background:#080806;border-bottom:1px solid rgba(194,24,112,.12)}
.lux-section:nth-of-type(even){background:linear-gradient(135deg,#0d070b,#0f0d09)}
.lux-section-heading{max-width:850px;margin:0 auto 30px;text-align:center}.lux-section-heading .tiny-pill{display:inline-flex}.lux-section-heading h2{font-size:clamp(31px,4vw,46px)!important;color:#fff0f7!important;margin:14px 0 9px!important;letter-spacing:-.025em}.lux-section-heading p{font-size:15px!important;color:#bcb09a!important;line-height:1.7!important;margin:0}
.lux-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1180px;margin:auto}.lux-stat-grid>div{min-height:145px;padding:24px;border:1px solid var(--gold-border);border-radius:18px;background:linear-gradient(145deg,#17140d,#10070d);box-shadow:var(--gold-shadow);display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;overflow:hidden;animation:revealUp .65s ease both}.lux-stat-grid>div:after{content:"";position:absolute;width:150px;height:150px;right:-70px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(194,24,112,.18),transparent 68%);animation:goldFloat 4s ease-in-out infinite}.lux-stat-grid i{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#936105,#e83e8c);color:#0d070b;font-size:20px;box-shadow:0 0 20px rgba(194,24,112,.12)}.lux-stat-grid strong{font-size:27px;color:#ffe48a}.lux-stat-grid span{font-size:13px;color:#a99d84}
.lux-feature-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lux-feature-grid.three{grid-template-columns:repeat(3,1fr)}.lux-feature-grid article{padding:24px;border:1px solid var(--gold-border);border-radius:18px;background:linear-gradient(145deg,#15130d,#11080e);box-shadow:var(--gold-shadow);transition:.35s ease;position:relative;overflow:hidden}.lux-feature-grid article:before{content:"";position:absolute;inset:-80% 30% auto -40%;height:100px;background:rgba(255,226,126,.08);transform:rotate(-20deg);transition:.5s}.lux-feature-grid article:hover{transform:translateY(-7px);border-color:var(--gold-border-strong);box-shadow:0 22px 48px rgba(0,0,0,.45),0 0 28px rgba(194,24,112,.08)}.lux-feature-grid article:hover:before{transform:translateX(160%) rotate(-20deg)}.lux-feature-grid article>span{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#9a6504,#e83e8c);color:#0d070b;font-size:21px;box-shadow:0 0 20px rgba(194,24,112,.12)}.lux-feature-grid h3{font-size:19px;color:#f06aa9;margin:16px 0 7px}.lux-feature-grid p{font-size:13px;color:#b9ad97;line-height:1.65;margin:0}
.lux-step-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.lux-step-grid article{position:relative;padding:22px 17px;border:1px solid var(--gold-border);border-radius:17px;background:linear-gradient(145deg,#15130d,#11080e);box-shadow:var(--gold-shadow);transition:.35s}.lux-step-grid article:hover{transform:translateY(-8px);border-color:#f06aa9}.lux-step-grid article>b{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,#7a0f43,#f5ce58);color:#0d070b;font-size:13px;box-shadow:0 0 18px rgba(194,24,112,.15)}.lux-step-grid article>span{display:grid;place-items:center;width:52px;height:52px;margin:20px 0 13px;border-radius:14px;background:rgba(194,24,112,.08);border:1px solid var(--gold-border);color:#e83e8c;font-size:20px}.lux-step-grid h3{font-size:17px;color:#f8b8d5;margin:0 0 7px}.lux-step-grid p{font-size:12px;color:#a99d86;line-height:1.6;margin:0}
.lux-package-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.lux-package-card{border:1px solid var(--gold-border);border-radius:18px;background:#0d0c09;overflow:hidden;box-shadow:var(--gold-shadow);transition:.35s;animation:revealUp .6s ease both}.lux-package-card:hover{transform:translateY(-9px);border-color:#f5d263;box-shadow:0 25px 48px rgba(0,0,0,.5),0 0 30px rgba(194,24,112,.1)}.lux-package-head{padding:15px 16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#8f6004,#c21870,#a06b07);color:#0d070b}.lux-package-head strong{font-size:15px}.lux-package-head span{font-size:10px;background:#fff5d3;padding:6px 9px;border-radius:20px}.lux-package-body{padding:22px}.lux-price{font-size:34px;font-weight:900;color:#f06aa9}.lux-package-body>small{color:#a79a80;font-size:10px}.lux-package-body>p{font-size:12px;color:#b8ac95;line-height:1.55;min-height:55px}.lux-package-body ul{list-style:none;padding:0;margin:16px 0}.lux-package-body li{font-size:11px;color:#d1c6ae;margin:8px 0}.lux-package-body li i{color:#20e88a;margin-right:7px}.lux-package-body>a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;background:linear-gradient(135deg,#7a0f43,#e83e8c);color:#0d070b;font-weight:800;font-size:12px;border:1px solid #f8db75}.lux-empty{grid-column:1/-1;text-align:center;padding:55px;border:1px dashed var(--gold-border);border-radius:18px;color:#a99d84}.lux-empty i{font-size:40px;color:#e7be49}.lux-empty h3{color:#f06aa9}
.lux-contact-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.lux-contact-card{display:flex;gap:14px;align-items:flex-start;padding:22px;border:1px solid var(--gold-border);border-radius:18px;background:linear-gradient(145deg,#15130d,#11080e);box-shadow:var(--gold-shadow);transition:.35s}.lux-contact-card:hover{transform:translateY(-7px);border-color:#f5d36b}.lux-contact-card>span{width:52px;height:52px;flex:0 0 52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#996404,#e83e8c);color:#0d070b;font-size:20px}.lux-contact-card small{color:#998d77;font-size:11px}.lux-contact-card h3{font-size:15px;color:#f06aa9;margin:5px 0;word-break:break-word}.lux-contact-card p{font-size:11px;color:#a99e88;margin:0;line-height:1.5}.contact-help-section{background:linear-gradient(135deg,#10070d,#121008)}.lux-support-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lux-support-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--gold-border);border-radius:17px;background:#160a12;transition:.35s;text-decoration:none}.lux-support-card:hover{transform:translateY(-6px);border-color:#f6d36a;background:linear-gradient(145deg,#18140b,#12090f)}.lux-support-card>i{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#986304,#e83e8c);color:#0d070b}.lux-support-card h3{margin:0 0 5px;color:#f06aa9;font-size:16px}.lux-support-card p{margin:0;color:#a99d85;font-size:11px;line-height:1.5}.lux-support-card>b{margin-left:auto;color:#e83e8c}.lux-cta-panel{max-width:1180px;margin:34px auto;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--gold-border-strong);border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(194,24,112,.18),transparent 28%),linear-gradient(135deg,#18140b,#10070d);box-shadow:var(--gold-shadow);position:relative;overflow:hidden}.lux-cta-panel:after{content:"";position:absolute;width:300px;height:80px;right:-70px;bottom:-20px;background:rgba(255,221,116,.08);transform:rotate(-12deg);animation:goldSweep 6s ease-in-out infinite}.lux-cta-panel h2{font-size:28px;color:#f06aa9;margin:10px 0 6px}.lux-cta-panel p{margin:0;color:#b5aa94;font-size:13px}.lux-table-wrap{max-width:1180px;margin:auto;overflow:auto;border:1px solid var(--gold-border);border-radius:18px;background:#12090f;box-shadow:var(--gold-shadow)}.lux-table{width:100%;border-collapse:collapse;min-width:700px}.lux-table th{padding:16px;text-align:left;color:#e8a4c4;background:#180b14;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--gold-border)}.lux-table td{padding:16px;color:#cfc4ad;font-size:12px;border-bottom:1px solid rgba(194,24,112,.08)}.lux-table tr:hover td{background:rgba(194,24,112,.025)}.amount-positive{color:#27e991!important;font-weight:800}.lux-status{display:inline-flex;padding:5px 9px;border-radius:20px;border:1px solid rgba(194,24,112,.25);color:#f06aa9;background:rgba(194,24,112,.06)}.lux-empty-cell{text-align:center!important;padding:50px!important;color:#8f846f!important}
.lux-faq-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lux-faq-grid details{border:1px solid var(--gold-border);border-radius:16px;background:linear-gradient(145deg,#15130d,#11080e);box-shadow:var(--gold-shadow);padding:0;overflow:hidden;transition:.35s}.lux-faq-grid details:hover,.lux-faq-grid details[open]{border-color:var(--gold-border-strong)}.lux-faq-grid summary{display:flex;align-items:center;gap:12px;padding:20px;color:#f5e6b9;font-size:14px;font-weight:800;cursor:pointer;list-style:none}.lux-faq-grid summary::-webkit-details-marker{display:none}.lux-faq-grid summary span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#986404,#e83e8c);color:#0d070b}.lux-faq-grid summary b{margin-left:auto;color:#f4ca53;font-size:22px}.lux-faq-grid details[open] summary b{transform:rotate(45deg)}.lux-faq-grid p{padding:0 20px 20px 72px;margin:0;color:#aaa08c;font-size:12px;line-height:1.7}.lux-faq-grid strong{color:#f06aa9}
.luxury-legal-page{padding:58px clamp(28px,7vw,100px)!important;background:#080806!important;min-height:650px}.luxury-legal-page .legal-hero{max-width:1100px;margin:0 auto 30px;padding:34px;border:1px solid var(--gold-border);border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(194,24,112,.12),transparent 25%),linear-gradient(145deg,#15130d,#11080e);box-shadow:var(--gold-shadow)}.luxury-legal-page .legal-hero h1{color:#fff1c9!important;font-size:clamp(36px,4vw,52px)!important;margin:13px 0 8px!important}.luxury-legal-page .legal-hero p{color:#b9ad96!important;font-size:14px!important;line-height:1.7}.luxury-legal-page .legal-meta{display:flex;gap:18px;flex-wrap:wrap;color:#8f846f;font-size:11px;margin-top:18px}.luxury-legal-page .legal-meta i{color:#e83e8c;margin-right:6px}.luxury-legal-page .legal-layout{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.luxury-legal-page .legal-card{max-width:none!important;background:linear-gradient(145deg,#14120d,#11080e)!important;border-color:var(--gold-border)!important;box-shadow:var(--gold-shadow)!important;padding:30px!important}.luxury-legal-page .legal-content section{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid rgba(194,24,112,.1)}.luxury-legal-page .legal-content section:last-child{border-bottom:0;margin-bottom:0}.luxury-legal-page .legal-content h2{font-size:20px;color:#f06aa9;margin:0 0 9px}.luxury-legal-page .legal-content p{font-size:13px;color:#b9ae99;line-height:1.8;margin:0 0 9px}.luxury-legal-page .legal-content a{color:#e83e8c}.luxury-legal-page .legal-side{display:grid;gap:12px}.luxury-legal-page .legal-side>div{padding:20px;border:1px solid var(--gold-border);border-radius:16px;background:linear-gradient(145deg,#15130d,#11080e);box-shadow:var(--gold-shadow)}.luxury-legal-page .legal-side i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#986304,#e83e8c);color:#0d070b;margin-bottom:10px}.luxury-legal-page .legal-side strong{display:block;color:#f06aa9;font-size:14px}.luxury-legal-page .legal-side p{color:#a99e89;font-size:11px;line-height:1.6;margin:6px 0 0}
/* v33 — income source cards */
.income-source-grid{max-width:1280px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.income-source-grid article{min-height:176px;padding:22px}
.income-source-grid article>span{width:50px;height:50px;border-radius:14px}
.income-source-grid h3{font-size:18px;margin:14px 0 6px}
.income-source-grid p{font-size:12px;line-height:1.65}
@keyframes orbitDots{from{transform:rotate(0deg) translateX(120px) rotate(0deg)}to{transform:rotate(360deg) translateX(120px) rotate(-360deg)}}
@media(max-width:1000px){.lux-public-hero{grid-template-columns:1fr;gap:28px;padding:48px 28px}.lux-hero-art{min-height:230px}.lux-stat-grid{grid-template-columns:repeat(2,1fr)}.lux-feature-grid{grid-template-columns:repeat(2,1fr)}.lux-step-grid{grid-template-columns:repeat(2,1fr)}.lux-package-grid{grid-template-columns:repeat(2,1fr)}.lux-contact-grid{grid-template-columns:repeat(2,1fr)}.lux-support-grid{grid-template-columns:1fr}.luxury-legal-page .legal-layout{grid-template-columns:1fr}.luxury-legal-page .legal-side{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.lux-public-hero{padding:42px 18px;min-height:auto}.lux-hero-copy h1{font-size:40px!important}.lux-hero-copy p{font-size:14px!important}.lux-hero-art{min-height:210px}.lux-section{padding:42px 18px}.lux-section-heading h2{font-size:31px!important}.lux-section-heading p{font-size:13px!important}.lux-stat-grid,.lux-feature-grid,.lux-step-grid,.lux-package-grid,.lux-contact-grid,.lux-faq-grid{grid-template-columns:1fr}.lux-cta-panel{margin:22px 18px;padding:24px;align-items:flex-start;flex-direction:column}.lux-cta-panel h2{font-size:24px}.luxury-legal-page{padding:35px 18px!important}.luxury-legal-page .legal-hero{padding:23px}.luxury-legal-page .legal-layout{display:block}.luxury-legal-page .legal-card{padding:22px!important;margin-bottom:15px}.luxury-legal-page .legal-side{grid-template-columns:1fr}.luxury-legal-page .legal-content h2{font-size:18px}.luxury-legal-page .legal-content p{font-size:12px}.lux-table{min-width:620px}.contact-art{min-height:220px}}
@media(prefers-reduced-motion:reduce){.lux-public-hero:before,.lux-public-hero:after,.lux-hero-art,.lux-feature-grid article,.lux-package-card,.lux-stat-grid>div,.lux-cta-panel:after,.orbit-dot{animation:none!important}.lux-feature-grid article:hover,.lux-package-card:hover,.lux-contact-card:hover,.lux-support-card:hover,.lux-step-grid article:hover{transform:none}}


/* =========================================================
   FINTECH MLM v18 — FINAL PUBLIC + AUTH POLISH
   ========================================================= */

/* Public register button: high contrast and always readable */
body.area-public .site-header .header-register,
body.area-public .site-header .header-register span,
body.area-public .site-header .header-register i{
  opacity:1!important;
  visibility:visible!important;
  color:#070604!important;
  text-shadow:none!important;
}
body.area-public .site-header .header-register{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:104px!important;
  min-height:42px!important;
  padding:0 16px!important;
  font-size:13px!important;
  font-weight:900!important;
  background:linear-gradient(135deg,#8e5e04 0%,#f7d66a 48%,#b67909 100%)!important;
  border:1px solid #ffe58a!important;
  border-radius:11px!important;
  box-shadow:0 0 0 1px rgba(255,221,115,.16),0 8px 26px rgba(194,24,112,.22),inset 0 1px 0 rgba(255,255,255,.3)!important;
  transform:translateZ(0);
}
body.area-public .site-header .header-register:hover{
  color:#000!important;
  transform:translateY(-2px)!important;
  box-shadow:0 0 0 2px rgba(255,225,132,.12),0 12px 34px rgba(194,24,112,.34),0 0 22px rgba(194,24,112,.18)!important;
}
body.area-public .site-header .header-register i{font-size:13px!important}

/* Six compact income metrics */
.lux-stat-grid-six{grid-template-columns:repeat(6,1fr)!important}
.income-stat{position:relative;overflow:hidden!important}
.income-stat:after{content:"";position:absolute;right:-35px;bottom:-42px;width:105px;height:105px;border-radius:50%;border:1px solid rgba(255,224,130,.18);box-shadow:0 0 28px rgba(194,24,112,.08);animation:incomeOrb 4.5s ease-in-out infinite}
.income-stat:hover{transform:translateY(-7px)!important;border-color:#f4cf62!important;box-shadow:0 20px 42px rgba(0,0,0,.48),0 0 30px rgba(194,24,112,.13)!important}
.income-stat strong{position:relative;z-index:2}
.income-stat span{position:relative;z-index:2}
.income-stat-gold>i{background:linear-gradient(145deg,#986304,#f6d15f)!important}
.income-stat-green>i{background:linear-gradient(145deg,#08774e,#2fe89b)!important;color:#04100a!important}
.income-stat-blue>i{background:linear-gradient(145deg,#075da8,#45b9ff)!important;color:#04101b!important}
.income-stat-purple>i{background:linear-gradient(145deg,#6030aa,#b477ff)!important;color:#0b0612!important}
.income-stat-orange>i{background:linear-gradient(145deg,#9a4d06,#ffb632)!important;color:#120801!important}
.income-stat-pink>i{background:linear-gradient(145deg,#a10b55,#ff5eaf)!important;color:#15050d!important}
@keyframes incomeOrb{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.08);opacity:1}}

/* Full-screen compact authentication: centered logo + compact form */
body.area-auth .auth-shell{justify-content:flex-start!important;padding:76px 18px 22px!important;min-height:100vh!important;box-sizing:border-box!important}
body.area-auth .auth-brand{top:15px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
body.area-auth .auth-brand a{justify-content:center!important;text-align:center!important;flex-direction:column!important;gap:4px!important}
body.area-auth .auth-brand-mark{width:42px!important;height:42px!important;border-radius:12px!important;font-size:18px!important;box-shadow:0 0 25px rgba(194,24,112,.26)!important}
body.area-auth .auth-brand strong{font-size:18px!important;line-height:1.05!important}
body.area-auth .auth-brand small{font-size:9px!important}
body.area-auth .auth-main{align-items:flex-start!important}
body.area-auth .auth-card-wrap{padding:8px 0 12px!important}
body.area-auth .auth-card{width:min(600px,100%)!important;padding:24px 26px!important;border-radius:18px!important}
body.area-auth .register-card{width:min(760px,100%)!important;padding:22px 26px!important}
body.area-auth .auth-card-head{margin-bottom:14px!important}
body.area-auth .auth-eyebrow{padding:6px 10px!important;font-size:11px!important}
body.area-auth .auth-card h1{font-size:34px!important;margin:10px 0 5px!important}
body.area-auth .auth-card-head p{font-size:12px!important;line-height:1.45!important}
body.area-auth .auth-form .field{margin:9px 0!important}
body.area-auth .auth-form .field label{font-size:12px!important;margin-bottom:5px!important;display:block}
body.area-auth .input-icon input,
body.area-auth .input-icon select{height:44px!important;min-height:44px!important;border-radius:10px!important;padding-left:40px!important;font-size:13px!important}
body.area-auth .input-icon>i{left:13px!important;font-size:13px!important}
body.area-auth .auth-submit{min-height:45px!important;height:45px!important;margin-top:7px!important;font-size:13px!important;border-radius:10px!important}
body.area-auth .auth-links{margin-top:11px!important;font-size:12px!important;gap:8px 12px!important}
body.area-auth .auth-other{margin-top:10px!important;padding-top:10px!important;font-size:11px!important}
body.area-auth .register-grid{gap:0 14px!important}
body.area-auth .register-card .auth-card-head h1{font-size:32px!important}

@media(max-width:1050px){
  .lux-stat-grid-six{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:760px){
  .lux-stat-grid-six{grid-template-columns:repeat(2,1fr)!important}
  body.area-public .site-header .header-register{min-width:92px!important;padding:0 11px!important;font-size:12px!important}
  body.area-auth .auth-shell{padding:76px 12px 20px!important}
  body.area-auth .auth-card{padding:21px 17px!important}
  body.area-auth .register-card{padding:20px 16px!important}
  body.area-auth .auth-card h1{font-size:29px!important}
}
@media(max-width:470px){
  .lux-stat-grid-six{grid-template-columns:1fr!important}
  body.area-public .site-header .header-register span{display:inline!important}
  body.area-auth .auth-brand strong{font-size:17px!important}
  body.area-auth .auth-card h1{font-size:27px!important}
}

/* Registration sponsor validation + activation workflow */
.field-note{font-size:10px;color:#8f846d;font-weight:600;margin-left:4px}.field-help{display:block;margin-top:5px;color:#827660;font-size:10px;line-height:1.4}.sponsor-input-wrap{position:relative}.sponsor-spinner{display:none;position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#f1c94f;font-size:12px}.sponsor-status{min-height:17px;margin-top:5px;font-size:11px;font-weight:700}.sponsor-status.valid{color:#35e69a}.sponsor-status.invalid{color:#ff7777}.sponsor-status.loading{color:#e8c557}.registration-notice{display:flex;gap:10px;align-items:flex-start;margin:11px 0;padding:10px 12px;border:1px solid rgba(194,24,112,.18);border-radius:11px;background:rgba(194,24,112,.045);color:#d7c9aa}.registration-notice>i{color:#e8c557;margin-top:2px}.registration-notice strong{display:block;color:#f5d879;font-size:11px}.registration-notice small{display:block;margin-top:2px;color:#9f9277;font-size:10px;line-height:1.45}.sponsor-alert-error{border-color:rgba(255,91,91,.35)!important;color:#ffb3b3!important}
.dashboard-activation-panel,.dashboard-activated-panel{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px 22px;margin:0 0 20px;border-radius:18px;border:1px solid rgba(194,24,112,.55);background:linear-gradient(120deg,rgba(31,25,11,.98),rgba(10,10,8,.98));box-shadow:0 0 32px rgba(194,24,112,.08);overflow:hidden}.dashboard-activation-panel:after,.dashboard-activated-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 25%,rgba(255,225,130,.08),transparent 70%);transform:translateX(-100%);animation:activationSweep 4.5s linear infinite}.dashboard-activation-icon,.dashboard-activated-icon{position:relative;z-index:1;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0a0,#b77b08);color:#0d070b;font-size:25px;box-shadow:0 0 24px rgba(194,24,112,.25)}.dashboard-activation-icon{animation:activationPulse 1.5s ease-in-out infinite}.dashboard-activation-copy,.dashboard-activated-panel>div{position:relative;z-index:1}.dashboard-activation-copy h2,.dashboard-activated-panel h2{margin:7px 0 3px;color:#fff2cf;font-size:23px}.dashboard-activation-copy p,.dashboard-activated-panel p{margin:0;color:#b8ab91;font-size:12px;line-height:1.55}.activation-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#f3ce60;font-size:11px;font-weight:800}.pending-plan-inline{display:inline-flex;align-items:center;gap:9px;margin-top:10px;padding:6px 10px;border-radius:9px;border:1px solid rgba(194,24,112,.25);background:rgba(194,24,112,.05);font-size:11px}.pending-plan-inline i{color:#e8bf48}.pending-plan-inline b{color:#f5d56f}.activation-cta{position:relative;z-index:2;white-space:nowrap}.dashboard-activated-panel{border-color:rgba(52,225,147,.32)}.dashboard-activated-icon{background:linear-gradient(145deg,#d9ffe9,#16a866);color:#052f1e;box-shadow:0 0 22px rgba(52,225,147,.15)}.active-package-mini{position:relative;z-index:1;min-width:145px;padding:10px 13px;border:1px solid rgba(194,24,112,.24);border-radius:11px;background:rgba(194,24,112,.04)}.active-package-mini small,.active-package-mini strong,.active-package-mini b{display:block}.active-package-mini small{color:#8f846d;font-size:9px}.active-package-mini strong{color:#f3d16a;font-size:13px;margin:3px 0}.active-package-mini b{color:#fff1c9;font-size:12px}@keyframes activationPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(194,24,112,.25),0 0 24px rgba(194,24,112,.2)}50%{transform:scale(1.06);box-shadow:0 0 0 10px rgba(194,24,112,0),0 0 34px rgba(194,24,112,.35)}}@keyframes activationSweep{0%{transform:translateX(-110%)}65%,100%{transform:translateX(110%)}}
.activation-alert-panel{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;margin-bottom:18px;border:1px solid rgba(194,24,112,.58);border-radius:18px;background:linear-gradient(115deg,#171207,#0d070b 65%);box-shadow:0 0 40px rgba(194,24,112,.09);animation:activationBorder 2.2s ease-in-out infinite}.activation-pulse{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0a0,#b77b08);color:#0d070b;font-size:27px;animation:activationPulse 1.45s ease-in-out infinite}.activation-alert-panel h2{margin:7px 0 4px;color:#fff0c9;font-size:25px}.activation-alert-panel p{margin:0;color:#bcae91;font-size:12px;line-height:1.55}.pending-package-card,.activation-package{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:18px 20px!important}.activation-price{font-size:25px;color:#f3cc5a;white-space:nowrap}.wallet-chip{display:inline-flex;align-items:center;gap:7px;color:#f3d36d;border:1px solid rgba(194,24,112,.3);border-radius:99px;padding:8px 12px;font-size:11px;background:rgba(194,24,112,.05)}.activation-package-grid{margin-top:15px}.activation-plan-card{padding:17px;border:1px solid rgba(194,24,112,.22);border-radius:15px;background:linear-gradient(145deg,#17150e,#0d070b);transition:.25s;position:relative;overflow:hidden}.activation-plan-card:hover,.activation-plan-card.selected{transform:translateY(-4px);border-color:#e9bd45;box-shadow:0 15px 35px rgba(194,24,112,.1)}.activation-plan-top{display:flex;justify-content:space-between;align-items:center;color:#f4d16c;font-weight:800;font-size:14px}.activation-plan-top b{font-size:9px;padding:4px 7px;border-radius:99px;background:#f0c94e;color:#0d070b}.activation-plan-price{margin:12px 0 5px;font-size:25px;font-weight:900;color:#fff0c5}.activation-plan-card p{min-height:32px;margin:0 0 14px;color:#9e9279;font-size:11px}.activation-result{margin-top:15px}.activation-success-panel{display:flex;align-items:center;gap:17px;padding:21px 22px;margin-bottom:18px;border-radius:18px;border:1px solid rgba(52,225,147,.34);background:linear-gradient(120deg,rgba(11,35,25,.96),rgba(9,10,8,.98));box-shadow:0 0 32px rgba(52,225,147,.06)}.activation-success-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#dcffe9,#14a764);color:#063321;font-size:27px}.activation-success-panel h2{margin:6px 0 3px;color:#effff5;font-size:22px}.activation-success-panel p{margin:0;color:#aebcae;font-size:12px;line-height:1.5}@keyframes activationBorder{0%,100%{box-shadow:0 0 28px rgba(194,24,112,.05)}50%{box-shadow:0 0 42px rgba(194,24,112,.15)}}
@media(max-width:760px){.dashboard-activation-panel,.dashboard-activated-panel,.activation-alert-panel{grid-template-columns:auto 1fr}.dashboard-activation-panel .activation-cta,.activation-alert-panel .btn{grid-column:1/-1;width:100%}.active-package-mini{grid-column:1/-1}.pending-package-card,.activation-package,.activation-success-panel{align-items:flex-start;flex-direction:column}.activation-price{font-size:21px}}

/* =========================================================
   FINTECH MLM v19 — PUBLIC HEADER / MOBILE / CONTACT / LIVE LOOP
   ========================================================= */
body.area-public .site-header.sketch-header{
  background:rgba(7,7,6,.96)!important;
  border-bottom:1px solid rgba(194,24,112,.28)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.34)!important;
  z-index:3000!important;
}
body.area-public .site-header.sketch-header .sketch-nav{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
}
body.area-public .public-header-account-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:2px!important;
}
body.area-public .public-header-dropdown{margin:0!important;padding:0!important;position:relative!important}
body.area-public .public-header-account-actions .top-icon{
  width:40px!important;height:40px!important;border-radius:11px!important;
  background:linear-gradient(145deg,#15130d,#0d070b)!important;
  border:1px solid rgba(194,24,112,.34)!important;
}
body.area-public .public-header-account-actions .top-icon b{
  background:#22df8a!important;color:#071108!important;font-size:8px!important;
  box-shadow:0 0 12px rgba(34,223,138,.45)!important;
}
body.area-public .public-header-account-actions .top-profile{
  min-width:160px!important;min-height:42px!important;
  border:1px solid rgba(194,24,112,.34)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#15130d,#0d070b)!important;
}
body.area-public .public-header-account-actions .top-profile-avatar{width:31px!important;height:31px!important}
body.area-public .public-header-account-actions .top-profile strong{font-size:11px!important;color:#fff1ca!important}
body.area-public .public-header-account-actions .top-profile small{font-size:8px!important;color:#9d937a!important}
body.area-public .public-header-dropdown .top-dropdown-menu{top:calc(100% + 10px)!important}

/* Seamless bottom-to-top live earning ticker. */
body.area-public .fp-live-viewport{
  height:264px!important;
  overflow:hidden!important;
  position:relative!important;
  mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);
}
body.area-public .fp-live-track{
  display:block!important;
  animation:fpLiveEarnUp 11s linear infinite!important;
  will-change:transform!important;
}
body.area-public .fp-live:hover .fp-live-track{animation-play-state:paused!important}
body.area-public .fp-live-row{min-height:55px!important;display:grid!important}
body.area-public .fp-live h2{display:flex!important;align-items:center!important;gap:10px!important}
body.area-public .fp-live-badge{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  margin-left:auto!important;padding:5px 8px!important;border:1px solid rgba(34,229,139,.24)!important;
  border-radius:99px!important;background:rgba(34,229,139,.06)!important;color:#45ef9e!important;
  font-size:9px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;
}
@keyframes fpLiveEarnUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}

/* Contact page: balanced two-column composition instead of the oversized
   information-only layout. */
body.area-public .contact-public-hero{
  min-height:350px!important;
  padding-top:48px!important;
  padding-bottom:48px!important;
}
body.area-public .contact-main-section{padding-top:46px!important;padding-bottom:50px!important}
body.area-public .contact-main-grid{
  max-width:1180px!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;
  gap:24px!important;align-items:start!important;
}
body.area-public .contact-form-card{
  position:relative!important;overflow:hidden!important;
  padding:28px!important;border:1px solid rgba(194,24,112,.38)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#15130d,#0d070b)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 0 30px rgba(194,24,112,.02)!important;
}
body.area-public .contact-form-card:before{
  content:"";position:absolute;right:-130px;top:-150px;width:330px;height:330px;border-radius:50%;
  border:1px solid rgba(194,24,112,.10);box-shadow:0 0 0 25px rgba(194,24,112,.018),0 0 0 55px rgba(194,24,112,.012);
  animation:goldOrbit 16s linear infinite;pointer-events:none;
}
body.area-public .contact-card-heading{position:relative;z-index:1;margin-bottom:22px}
body.area-public .contact-card-heading h2{margin:13px 0 7px!important;color:#fff0f7!important;font-size:31px!important;line-height:1.08!important}
body.area-public .contact-card-heading p{margin:0!important;color:#aaa08b!important;font-size:13px!important;line-height:1.7!important}
body.area-public .contact-form{position:relative;z-index:1}
body.area-public .contact-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px!important}
body.area-public .contact-field{min-width:0!important}
body.area-public .contact-field-full{grid-column:1/-1!important}
body.area-public .contact-field label{
  display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 7px!important;
  color:#e5d7ba!important;font-size:11px!important;font-weight:800!important;
}
body.area-public .contact-field label i{color:#efc84f!important}
body.area-public .contact-field label small{color:#7e7564!important;font-size:9px!important;font-weight:600!important}
body.area-public .contact-field input,
body.area-public .contact-field textarea{
  width:100%!important;border:1px solid rgba(194,24,112,.22)!important;border-radius:11px!important;
  background:#080806!important;color:#f5ecd8!important;outline:none!important;
  padding:12px 13px!important;transition:.25s ease!important;
}
body.area-public .contact-field input{height:47px!important}
body.area-public .contact-field textarea{min-height:150px!important;resize:vertical!important;line-height:1.55!important}
body.area-public .contact-field input::placeholder,
body.area-public .contact-field textarea::placeholder{color:#655e51!important}
body.area-public .contact-field input:focus,
body.area-public .contact-field textarea:focus{border-color:#f0c64d!important;box-shadow:0 0 0 3px rgba(194,24,112,.06),0 0 22px rgba(194,24,112,.06)!important}
body.area-public .contact-form-footer{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;
  margin-top:18px!important;padding-top:16px!important;border-top:1px solid rgba(194,24,112,.12)!important;
}
body.area-public .contact-form-footer>span{color:#8e846e!important;font-size:10px!important}
body.area-public .contact-form-footer>span i{color:#e83e8c!important;margin-right:5px!important}
body.area-public .contact-submit{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:44px!important;padding:0 18px!important;border:1px solid #ffe38b!important;border-radius:10px!important;
  background:linear-gradient(105deg,#986205,#f5cc58 50%,#aa7108)!important;color:#0d070b!important;
  font-size:12px!important;font-weight:900!important;cursor:pointer!important;transition:.25s ease!important;
  box-shadow:0 8px 22px rgba(194,24,112,.12)!important;
}
body.area-public .contact-submit:hover{transform:translateY(-2px)!important;box-shadow:0 12px 30px rgba(194,24,112,.25)!important}
body.area-public .contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
body.area-public .contact-alert{position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding:11px 13px;margin:0 0 17px;border-radius:10px;font-size:11px}
body.area-public .contact-alert-error{color:#ffb1b1;background:rgba(255,80,80,.07);border:1px solid rgba(255,90,90,.22)}
body.area-public .contact-side-column{position:sticky!important;top:92px!important}
body.area-public .contact-side-heading{padding:0!important;margin:0 0 16px!important;text-align:left!important}
body.area-public .contact-side-heading h2{font-size:28px!important;margin:13px 0 7px!important}
body.area-public .contact-side-heading p{font-size:12px!important;line-height:1.6!important}
body.area-public .lux-contact-stack{display:grid!important;gap:11px!important}
body.area-public .lux-contact-stack .lux-contact-card{margin:0!important;min-height:96px!important;padding:15px!important}
body.area-public .lux-contact-stack .lux-contact-card span{width:45px!important;height:45px!important;border-radius:12px!important;flex:0 0 45px!important}
body.area-public .lux-contact-stack .lux-contact-card h3{font-size:14px!important;word-break:break-word!important}
body.area-public .lux-contact-stack .lux-contact-card p{font-size:9px!important}

@media(max-width:1000px){
  body.area-public .contact-main-grid{grid-template-columns:1fr!important}
  body.area-public .contact-side-column{position:static!important}
  body.area-public .lux-contact-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.area-public .site-header.sketch-header{
    height:70px!important;padding:7px 14px!important;justify-content:center!important;
    position:sticky!important;top:0!important;
  }
  body.area-public .site-header.sketch-header .sketch-brand{
    position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
    margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
    gap:8px!important;text-align:left!important;
  }
  body.area-public .site-header.sketch-header .sketch-brand .brand-mark{width:40px!important;height:40px!important;font-size:28px!important}
  body.area-public .site-header.sketch-header .sketch-brand strong{font-size:17px!important}
  body.area-public .site-header.sketch-header .sketch-brand small{font-size:8px!important}
  body.area-public .site-header.sketch-header .sketch-nav{display:none!important}
  body.area-public .fp-live-viewport{height:255px!important}
  body.area-public .fp-live-track{animation-duration:10s!important}
  body.area-public .fp-live-row{min-height:54px!important}
  body.area-public .fp-live h2{font-size:20px!important}
  body.area-public .fp-live-badge{font-size:8px!important;padding:4px 7px!important}
  body.area-public .contact-public-hero{padding:34px 18px!important}
  body.area-public .contact-main-section{padding:28px 14px 42px!important}
  body.area-public .contact-form-card{padding:20px!important;border-radius:17px!important}
  body.area-public .contact-card-heading h2{font-size:27px!important}
  body.area-public .contact-form-grid{grid-template-columns:1fr!important;gap:13px!important}
  body.area-public .contact-field-full{grid-column:auto!important}
  body.area-public .contact-form-footer{align-items:stretch!important;flex-direction:column!important}
  body.area-public .contact-submit{width:100%!important}
  body.area-public .lux-contact-stack{grid-template-columns:1fr!important}
  body.area-public .contact-side-heading{text-align:left!important}
  body.area-public .contact-side-column{margin-top:10px!important}
}
body.area-public .contact-alert-success{color:#8ff1c2;background:rgba(34,229,139,.07);border:1px solid rgba(34,229,139,.22)}


/* =========================================================
   FINTECH MLM v20 — GLOBAL LAYOUT STABILIZATION
   Fixes portal width/gutters and keeps the public/mobile navigation
   independent from the admin/user/franchisee application layout.
   ========================================================= */
html,body{width:100%;min-width:0;overflow-x:hidden}

/* Application portals: fixed full-height sidebar + full-width content. */
body.area-admin .app-shell,
body.area-user .app-shell,
body.area-franchisee .app-shell{display:block!important;min-height:100vh!important;background:#080407!important}
body.area-admin .sidebar,
body.area-user .sidebar,
body.area-franchisee .sidebar{
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;
  width:245px!important;flex:none!important;height:100vh!important;min-height:100vh!important;
  overflow-y:auto!important;overflow-x:hidden!important;z-index:3000!important;
}
body.area-admin .main-panel,
body.area-user .main-panel,
body.area-franchisee .main-panel{
  width:calc(100% - 245px)!important;min-width:0!important;max-width:none!important;
  margin-left:245px!important;min-height:100vh!important;display:block!important;
}
body.area-admin .fintech-topbar,
body.area-user .fintech-topbar,
body.area-franchisee .fintech-topbar{
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
}
body.area-admin .content,
body.area-user .content,
body.area-franchisee .content{
  width:100%!important;max-width:none!important;margin:0!important;
  padding:24px 24px 90px!important;box-sizing:border-box!important;
}
body.area-admin .page-head,
body.area-user .page-head,
body.area-franchisee .page-head{
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
}
body.area-admin .admin-crud-page,
body.area-admin .admin-settings-page,
body.area-admin .reports-page,
body.area-user .admin-crud-page,
body.area-user .admin-settings-page,
body.area-user .reports-page,
body.area-franchisee .admin-crud-page,
body.area-franchisee .admin-settings-page,
body.area-franchisee .reports-page{
  width:100%!important;max-width:none!important;margin:0!important;
}
body.area-admin .crud-grid,
body.area-user .crud-grid,
body.area-franchisee .crud-grid{
  width:100%!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
  gap:18px!important;
}
body.area-admin .crud-form-card,
body.area-admin .crud-list-card,
body.area-user .crud-form-card,
body.area-user .crud-list-card,
body.area-franchisee .crud-form-card,
body.area-franchisee .crud-list-card{width:100%!important;min-width:0!important}
body.area-admin .table-wrap,
body.area-user .table-wrap,
body.area-franchisee .table-wrap{max-width:100%!important;overflow-x:auto!important}

/* Public desktop header remains a single clean row. */
body.area-public .site-header.sketch-header{width:100%!important;max-width:none!important;box-sizing:border-box!important}
body.area-public .site-header.sketch-header .sketch-nav{min-width:0!important}
body.area-public .public-header-account-actions{display:flex!important;align-items:center!important;gap:8px!important}

/* Mobile public header: centered brand, auth/account controls at the top. */
@media(max-width:760px){
  body.area-admin .sidebar,
  body.area-user .sidebar,
  body.area-franchisee .sidebar{left:-270px!important;width:250px!important;transition:left .25s ease!important}
  body.area-admin.sidebar-open .sidebar,
  body.area-user.sidebar-open .sidebar,
  body.area-franchisee.sidebar-open .sidebar{left:0!important}
  body.area-admin .main-panel,
  body.area-user .main-panel,
  body.area-franchisee .main-panel{width:100%!important;margin-left:0!important}
  body.area-admin .content,
  body.area-user .content,
  body.area-franchisee .content{padding:16px 12px 88px!important}
  body.area-admin .crud-grid,
  body.area-user .crud-grid,
  body.area-franchisee .crud-grid{grid-template-columns:1fr!important}

  body.area-public .site-header.sketch-header{
    height:70px!important;padding:0 12px!important;position:sticky!important;top:0!important;
    display:flex!important;justify-content:center!important;z-index:2500!important;
  }
  body.area-public .site-header.sketch-header .sketch-brand{
    position:absolute!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;margin:0!important;z-index:2!important;
  }
  body.area-public .site-header.sketch-header .sketch-brand .brand-mark{width:40px!important;height:40px!important}
  body.area-public .site-header.sketch-header .sketch-brand strong{font-size:17px!important}
  body.area-public .site-header.sketch-header .sketch-brand small{font-size:8px!important}
  body.area-public .site-header.sketch-header .sketch-nav{
    display:flex!important;position:absolute!important;right:10px!important;top:50%!important;
    transform:translateY(-50%)!important;align-items:center!important;justify-content:flex-end!important;
    gap:6px!important;width:auto!important;z-index:3!important;
  }
  body.area-public .site-header.sketch-header .sketch-nav>a:not(.header-login):not(.header-register),
  body.area-public .site-header.sketch-header .sketch-nav .public-header-account-actions~*{display:none!important}
  body.area-public .site-header.sketch-header .header-login,
  body.area-public .site-header.sketch-header .header-register{display:inline-flex!important;min-width:40px!important;width:40px!important;height:40px!important;padding:0!important;border-radius:11px!important;font-size:0!important}
  body.area-public .site-header.sketch-header .header-login i,
  body.area-public .site-header.sketch-header .header-register i{font-size:14px!important;margin:0!important}
  body.area-public .site-header.sketch-header .header-register{animation:none!important}
  body.area-public .site-header.sketch-header .public-header-account-actions{display:flex!important;gap:5px!important}
  body.area-public .site-header.sketch-header .public-header-dropdown .top-profile,
  body.area-public .site-header.sketch-header .public-header-dropdown .top-icon{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:11px!important}
  body.area-public .site-header.sketch-header .public-header-dropdown .top-profile>span:nth-child(2),
  body.area-public .site-header.sketch-header .public-header-dropdown .top-profile>.fa-chevron-down{display:none!important}
  body.area-public .site-header.sketch-header .public-header-dropdown .top-profile-avatar{width:auto!important;height:auto!important;background:none!important}
  body.area-public .site-header.sketch-header .public-header-dropdown .top-dropdown-menu{position:fixed!important;right:10px!important;top:78px!important;width:min(310px,calc(100vw - 20px))!important}

  body.area-public .public-mobile-bottom{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;
    align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
    height:76px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
    background:rgba(8,8,6,.97)!important;border-top:1px solid rgba(194,24,112,.28)!important;
    box-shadow:0 -12px 35px rgba(0,0,0,.45)!important;z-index:2400!important;
    scrollbar-width:thin!important;scrollbar-color:#c89522 #100f0b!important;
  }
  body.area-public .public-mobile-bottom::-webkit-scrollbar{height:4px!important}
  body.area-public .public-mobile-bottom::-webkit-scrollbar-track{background:#100f0b!important}
  body.area-public .public-mobile-bottom::-webkit-scrollbar-thumb{background:#c89522!important;border-radius:99px!important}
  body.area-public .public-mobile-bottom>a{
    flex:0 0 78px!important;width:78px!important;min-width:78px!important;height:58px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:4px!important;border-radius:11px!important;color:#9f957f!important;font-size:9px!important;font-weight:800!important;
  }
  body.area-public .public-mobile-bottom>a i{font-size:16px!important;color:#d7aa35!important}
  body.area-public .public-mobile-bottom>a.active,
  body.area-public .public-mobile-bottom>a:hover{color:#f06aa9!important;background:rgba(194,24,112,.07)!important}
  body.area-public .public-mobile-bottom>a.active i{color:#f06aa9!important}

  body.area-public .fp-live-viewport{height:250px!important}
  body.area-public .fp-live-track{animation-duration:10s!important}
}

@media(min-width:761px){
  body.area-public .public-mobile-bottom{display:none!important}
}


/* =========================================================
   FINTECH MLM v21 — PUBLIC DROPDOWN + DOCUMENTATION
   ========================================================= */
body.area-public .site-header details.top-dropdown{position:relative!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;z-index:3500!important}
body.area-public .site-header details.top-dropdown>summary{list-style:none!important;cursor:pointer!important;outline:none!important;display:flex!important;align-items:center!important}
body.area-public .site-header details.top-dropdown>summary::-webkit-details-marker{display:none!important}
body.area-public .site-header details.top-dropdown>summary::marker{display:none!important}
body.area-public .site-header details.top-dropdown[open]{z-index:3600!important}
body.area-public .site-header details.top-dropdown[open] .top-dropdown-menu{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important}
body.area-public .site-header .top-dropdown-menu{pointer-events:none!important;z-index:5000!important}
body.area-public .site-header .public-header-dropdown .top-dropdown-menu{top:calc(100% + 10px)!important;right:0!important}
body.area-public .site-header .account-dropdown[open] .fa-chevron-down{transform:rotate(180deg)!important}
body.area-public .site-header .account-dropdown .fa-chevron-down{transition:transform .2s ease}

.floating-documentation{position:fixed;left:0;top:47%;transform:translateY(-50%);z-index:3200;display:flex;align-items:center;gap:8px;padding:10px 13px 10px 10px;border:1px solid rgba(194,24,112,.58);border-left:0;border-radius:0 14px 14px 0;background:linear-gradient(145deg,#17130b,#0d070b);color:#f8d86f;text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 12px 35px rgba(0,0,0,.5),0 0 24px rgba(194,24,112,.08);transition:.25s ease}
.floating-documentation i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#ffe99a,#b77a09);color:#0d070b;box-shadow:0 0 14px rgba(194,24,112,.2)}
.floating-documentation:hover{padding-left:14px;color:#fff0b0;transform:translateY(-50%) translateX(3px);box-shadow:0 14px 38px rgba(0,0,0,.58),0 0 30px rgba(194,24,112,.15)}

.doc-page{min-height:100vh;background:radial-gradient(circle at 85% 8%,rgba(194,24,112,.08),transparent 24%),radial-gradient(circle at 8% 40%,rgba(160,90,8,.08),transparent 22%),#0a0609;color:#eee6d3;padding-bottom:80px}
.doc-hero{padding:70px clamp(22px,7vw,100px) 52px;text-align:center;border-bottom:1px solid rgba(194,24,112,.16);background:linear-gradient(180deg,rgba(194,24,112,.035),transparent)}
.doc-hero h1{margin:18px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.05;color:#fff4d8;letter-spacing:-1.5px}.doc-hero h1::first-letter{color:#f3c94f}.doc-hero p{max-width:760px;margin:0 auto;color:#b9ad95;font-size:14px;line-height:1.75}.doc-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:25px;flex-wrap:wrap}.doc-hero-actions .fp-btn{min-width:170px}
.doc-layout{width:min(1240px,calc(100% - 34px));margin:34px auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}.doc-sidebar{position:sticky;top:86px;padding:12px;border:1px solid rgba(194,24,112,.2);border-radius:17px;background:linear-gradient(145deg,#12100b,#0d070b);box-shadow:0 18px 45px rgba(0,0,0,.35)}.doc-side-title{padding:10px 12px 14px;color:#ffe59b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.doc-sidebar a{display:block;padding:10px 12px;border-radius:9px;color:#a99f89;text-decoration:none;font-size:11px;font-weight:700;transition:.2s}.doc-sidebar a:hover{color:#fff0b0;background:rgba(194,24,112,.08);transform:translateX(2px)}
.doc-content{min-width:0;display:grid;gap:18px}.doc-card{scroll-margin-top:90px;padding:27px;border:1px solid rgba(194,24,112,.22);border-radius:18px;background:linear-gradient(145deg,#180b14,#0d070b);box-shadow:0 18px 55px rgba(0,0,0,.28)}.doc-kicker{display:flex;align-items:center;gap:8px;color:#e9c450;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.doc-card h2{margin:10px 0 10px;color:#fff0f7;font-size:24px}.doc-card>p,.doc-note{color:#afa48f;font-size:12px;line-height:1.8}.doc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.doc-grid-2 article{display:flex;gap:12px;padding:15px;border:1px solid rgba(194,24,112,.14);border-radius:13px;background:rgba(194,24,112,.025)}.doc-grid-2 article>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#ffe697,#a76e06);color:#0d070b;flex:0 0 36px}.doc-grid-2 strong{color:#f5d879;font-size:12px}.doc-grid-2 p{margin:4px 0 0;color:#968d7b;font-size:10px;line-height:1.55}.doc-steps{display:grid;gap:11px;padding:0;margin:18px 0 0;list-style:none;counter-reset:docstep}.doc-steps li{counter-increment:docstep;position:relative;padding:14px 15px 14px 48px;border:1px solid rgba(194,24,112,.13);border-radius:12px;background:rgba(194,24,112,.02)}.doc-steps li:before{content:counter(docstep);position:absolute;left:13px;top:13px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#ffe99a,#a86f07);color:#0d070b;font-size:11px;font-weight:900}.doc-steps strong{display:block;color:#f1d67e;font-size:12px}.doc-steps span{display:block;margin-top:4px;color:#9f9582;font-size:11px;line-height:1.6}.doc-callout{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px;border:1px solid rgba(194,24,112,.2);border-radius:13px;background:rgba(194,24,112,.045)}.doc-callout>i{color:#f2ca55;margin-top:2px}.doc-callout strong{color:#ffe9a0;font-size:11px}.doc-callout p{margin:3px 0 0;color:#9e947f;font-size:10px;line-height:1.6}
.doc-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.doc-links-grid a{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(194,24,112,.16);border-radius:12px;text-decoration:none;background:rgba(194,24,112,.025);color:#e9dfc8}.doc-links-grid a>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#ffe99a,#a96f07);color:#0d070b}.doc-links-grid strong{display:block;color:#f4d77d;font-size:11px}.doc-links-grid small{display:block;color:#928a79;font-size:9px;margin-top:2px}.doc-bullets{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.doc-bullets>div{padding:11px 12px;border:1px solid rgba(194,24,112,.12);border-radius:10px;color:#aaa08d;font-size:10px;line-height:1.5;background:rgba(194,24,112,.018)}.doc-bullets i{color:#e8c44e;margin-right:7px}.doc-table-wrap{overflow:auto;margin-top:18px;border:1px solid rgba(194,24,112,.12);border-radius:12px}.doc-table{width:100%;border-collapse:collapse;min-width:520px}.doc-table th,.doc-table td{padding:12px;border-bottom:1px solid rgba(194,24,112,.1);text-align:left;font-size:10px}.doc-table th{color:#f3d577;background:rgba(194,24,112,.045)}.doc-table td{color:#a79d8b}.doc-table tr:last-child td{border-bottom:0}.doc-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0;padding:16px;border:1px solid rgba(194,24,112,.14);border-radius:13px;background:rgba(194,24,112,.025)}.doc-flow span{padding:9px 11px;border-radius:9px;background:linear-gradient(145deg,#1b170e,#0b0906);border:1px solid rgba(194,24,112,.2);color:#f1d479;font-size:10px;font-weight:800}.doc-flow i{color:#c8a83d;font-size:10px}.doc-troubleshoot{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.doc-troubleshoot article{padding:14px;border:1px solid rgba(194,24,112,.12);border-radius:12px;background:rgba(194,24,112,.018)}.doc-troubleshoot strong{color:#f1d47b;font-size:11px}.doc-troubleshoot p{margin:5px 0 0;color:#9d9482;font-size:10px;line-height:1.6}.doc-tree{margin:18px 0 0;padding:17px;overflow:auto;border:1px solid rgba(194,24,112,.14);border-radius:12px;background:#080407;color:#c9b985;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.doc-footer-cta{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid rgba(194,24,112,.32);border-radius:17px;background:linear-gradient(135deg,#1c1609,#0c0a07);box-shadow:0 18px 45px rgba(0,0,0,.35)}.doc-footer-cta>i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ffe89a,#b47708);color:#0d070b;flex:0 0 44px}.doc-footer-cta strong{display:block;color:#ffe69a;font-size:14px}.doc-footer-cta span{display:block;color:#9d9482;font-size:10px;margin-top:3px}.doc-footer-cta a{margin-left:auto;white-space:nowrap;padding:10px 13px;border-radius:9px;background:linear-gradient(135deg,#b47a0a,#f1ca52);color:#0d070b;text-decoration:none;font-size:10px;font-weight:900}
.doc-card code,.doc-steps code{padding:2px 5px;border-radius:5px;background:#080407;color:#f0d475;font-family:ui-monospace,monospace;font-size:.9em}
@media(max-width:900px){.doc-layout{grid-template-columns:1fr}.doc-sidebar{position:relative;top:auto;display:flex;gap:5px;overflow-x:auto;white-space:nowrap;padding:8px}.doc-side-title{display:none}.doc-sidebar a{flex:0 0 auto}.doc-links-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.floating-documentation{top:auto;bottom:91px;left:7px;border-left:1px solid rgba(194,24,112,.58);border-radius:12px;padding:7px;gap:6px}.floating-documentation span{display:none}.floating-documentation i{width:34px;height:34px}.doc-hero{padding:44px 18px 35px}.doc-hero h1{font-size:34px}.doc-layout{width:calc(100% - 20px);margin:20px auto}.doc-card{padding:20px;border-radius:15px}.doc-grid-2,.doc-bullets,.doc-troubleshoot{grid-template-columns:1fr}.doc-links-grid{grid-template-columns:1fr}.doc-footer-cta{align-items:flex-start;flex-wrap:wrap}.doc-footer-cta a{margin-left:58px}.doc-flow{justify-content:flex-start}.doc-flow i{display:none}}


/* =========================================================
   FINTECH MLM v22 — MOBILE PUBLIC HEADER + PAYPAL BUY NOW
   ========================================================= */
.floating-buy-now{
  position:fixed;
  right:0;
  top:50%;
  transform:translateY(-50%);
  z-index:3250;
  width:245px;
  border:1px solid rgba(194,24,112,.65);
  border-right:0;
  border-radius:18px 0 0 18px;
  background:linear-gradient(145deg,#220d19,#0d070b 72%);
  box-shadow:0 18px 48px rgba(0,0,0,.58),0 0 28px rgba(194,24,112,.10);
  overflow:hidden;
  transition:.25s ease;
}
.floating-buy-now:hover{transform:translateY(-50%) translateX(-4px);box-shadow:0 20px 55px rgba(0,0,0,.65),0 0 34px rgba(194,24,112,.16)}
.floating-buy-inner{padding:12px 12px 11px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px 10px;align-items:center}
.floating-buy-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#ffe89a,#b97c08);color:#07100b;font-size:19px;box-shadow:0 0 18px rgba(194,24,112,.18)}
.floating-buy-copy strong{display:block;color:#f06aa9;font-size:12px;font-weight:900;line-height:1.2}
.floating-buy-copy small{display:block;color:#9f947d;font-size:9px;margin-top:3px;line-height:1.25}
.floating-buy-form{grid-column:1 / -1;display:grid;gap:6px}
.floating-buy-form button{width:100%;height:38px;border:1px solid rgba(255,235,155,.6);border-radius:10px;background:linear-gradient(135deg,#b97b09,#f2ca50);color:#0d070b;font:900 12px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(194,24,112,.14);transition:.2s ease}
.floating-buy-form button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.floating-buy-form button i{margin-left:5px;font-size:10px}
.floating-buy-form>img{display:block;width:130px;height:auto;max-height:20px;object-fit:contain;justify-self:center;opacity:.92}
.floating-buy-form>span{display:block;text-align:center;color:#817966;font-size:8px;line-height:1.2}
.floating-buy-form>span img{height:13px;width:auto;vertical-align:middle;margin-left:2px}

/* Mobile public layout: centered logo at the top and a horizontally
   scrollable navigation bar fixed to the bottom. */
@media(max-width:760px){
  body.area-public{padding-bottom:74px!important}
  body.area-public .site-header.sketch-header{
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:3400!important;
    min-height:70px!important;
    height:70px!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(5,5,4,.97)!important;
    backdrop-filter:blur(14px)!important;
    border-bottom:1px solid rgba(194,24,112,.20)!important;
    box-shadow:0 8px 30px rgba(0,0,0,.30)!important;
  }
  body.area-public .site-header.sketch-header .sketch-brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:72vw!important;
    z-index:2!important;
  }
  body.area-public .site-header.sketch-header .sketch-brand .brand-mark{
    width:40px!important;height:40px!important;min-width:40px!important;
    font-size:24px!important;border-radius:11px!important;
  }
  body.area-public .site-header.sketch-header .sketch-brand strong{font-size:17px!important}
  body.area-public .site-header.sketch-header .sketch-brand small{font-size:8px!important}
  body.area-public .site-header.sketch-header .sketch-nav{display:block!important;width:100%!important;min-width:0!important}
  body.area-public .site-header.sketch-header .sketch-nav>a:not(.header-login):not(.header-register),
  body.area-public .site-header.sketch-header .sketch-nav .public-header-account-actions,
  body.area-public .site-header.sketch-header .header-login,
  body.area-public .site-header.sketch-header .header-register{display:none!important}
  body.area-public .site-header.sketch-header .public-header-account-actions{
    position:absolute!important;
    right:9px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    z-index:5!important;
  }
  body.area-public .site-header.sketch-header .public-header-dropdown .top-profile,
  body.area-public .site-header.sketch-header .public-header-dropdown .top-icon{
    width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
    padding:0!important;display:grid!important;place-items:center!important;border-radius:11px!important;
  }
  body.area-public .site-header.sketch-header .public-header-dropdown .top-profile>span:nth-child(2),
  body.area-public .site-header.sketch-header .public-header-dropdown .top-profile>.fa-chevron-down{display:none!important}
  body.area-public .site-header.sketch-header .public-header-dropdown .top-profile-avatar{width:auto!important;height:auto!important;background:none!important}
  body.area-public .site-header.sketch-header .public-header-dropdown .top-dropdown-menu{position:fixed!important;right:10px!important;top:78px!important;width:min(310px,calc(100vw - 20px))!important}
  body.area-public .site-header.sketch-header .sketch-nav .header-login,
  body.area-public .site-header.sketch-header .sketch-nav .header-register{position:absolute!important;right:9px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:11px!important;font-size:0!important;z-index:5!important}
  body.area-public .site-header.sketch-header .sketch-nav .header-login{right:54px!important}
  body.area-public .site-header.sketch-header .sketch-nav .header-login i,
  body.area-public .site-header.sketch-header .sketch-nav .header-register i{font-size:14px!important;margin:0!important}

  body.area-public .public-mobile-bottom{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:3450!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    height:68px!important;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    background:rgba(7,7,6,.98)!important;
    backdrop-filter:blur(16px)!important;
    border-top:1px solid rgba(194,24,112,.25)!important;
    box-shadow:0 -10px 32px rgba(0,0,0,.45)!important;
    scrollbar-width:thin!important;
    scrollbar-color:#c89522 #100f0b!important;
  }
  body.area-public .public-mobile-bottom::-webkit-scrollbar{height:4px!important}
  body.area-public .public-mobile-bottom::-webkit-scrollbar-track{background:#100f0b!important}
  body.area-public .public-mobile-bottom::-webkit-scrollbar-thumb{background:#c89522!important;border-radius:99px!important}
  body.area-public .public-mobile-bottom>a{
    flex:0 0 82px!important;
    min-width:82px!important;
    height:54px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:3px 5px!important;
    border-radius:10px!important;
    color:#a99f88!important;
    text-decoration:none!important;
    font-size:8px!important;
    font-weight:800!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  body.area-public .public-mobile-bottom>a i{font-size:16px!important;color:#d7aa35!important}
  body.area-public .public-mobile-bottom>a.active,
  body.area-public .public-mobile-bottom>a:hover{color:#f06aa9!important;background:rgba(194,24,112,.07)!important}
  body.area-public .public-mobile-bottom>a.active i{color:#f06aa9!important}

  .floating-buy-now{
    top:auto!important;
    right:8px!important;
    bottom:82px!important;
    transform:none!important;
    width:auto!important;
    max-width:185px!important;
    border-radius:14px!important;
    border:1px solid rgba(194,24,112,.65)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.60),0 0 22px rgba(194,24,112,.10)!important;
  }
  .floating-buy-now:hover{transform:translateY(-2px)!important}
  .floating-buy-inner{grid-template-columns:34px minmax(0,1fr);padding:8px;gap:6px 8px}
  .floating-buy-icon{width:34px;height:34px;font-size:16px;border-radius:9px}
  .floating-buy-copy strong{font-size:10px}
  .floating-buy-copy small{font-size:7px}
  .floating-buy-form{gap:4px}
  .floating-buy-form button{height:32px;font-size:10px;border-radius:8px}
  .floating-buy-form>img{width:105px;max-height:15px}
  .floating-buy-form>span{font-size:7px}
  .floating-buy-form>span img{height:11px}
  .floating-documentation{bottom:82px!important;left:7px!important}
}

/* --------------------------------------------------------------------------
   v23 PayPal wallet deposit UI
   -------------------------------------------------------------------------- */
body.area-user .wallet-page-hero,
body.area-user .deposit-hero,
body.area-user .wallet-activation-card,
body.area-user .deposit-history,
body.area-user .deposit-card,
body.area-user .deposit-help{background:linear-gradient(145deg,#1d0c17,#0d070b)!important;border:1px solid var(--gold-border)!important;box-shadow:var(--gold-shadow)!important}
.wallet-page-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:20px 22px}.wallet-page-hero h2{margin:4px 0 5px}.wallet-page-hero p{margin:0;max-width:760px}.wallet-purchase-highlight{position:relative}.wallet-mini-action{display:inline-flex;margin-top:10px;font-size:11px;font-weight:900;color:#f06aa9;border:1px solid rgba(194,24,112,.28);padding:5px 9px;border-radius:99px}.wallet-activation-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:18px 20px}.wallet-activation-card h3{margin:3px 0 4px}.wallet-activation-card p{margin:0}.wallet-history-card{margin-top:16px}.deposit-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:16px;padding:20px 22px}.deposit-hero-icon{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0a0,#a56d06);color:#0d070b;font-size:34px;box-shadow:0 12px 35px rgba(194,24,112,.16)}.deposit-hero-copy h2{margin:4px 0 5px}.deposit-hero-copy p{margin:0;max-width:760px}.deposit-wallet-balance{min-width:190px;padding:14px 16px;border:1px solid rgba(194,24,112,.22);border-radius:14px;background:#0a0907}.deposit-wallet-balance small,.deposit-wallet-balance strong{display:block}.deposit-wallet-balance small{font-size:10px;color:#a99d86}.deposit-wallet-balance strong{font-size:22px;color:#f06aa9;margin-top:3px}.deposit-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px}.deposit-card,.deposit-help{padding:20px}.deposit-amount-box{margin-top:16px}.deposit-amount-box label{display:block;font-weight:900;color:#e9ddc2;font-size:12px;margin-bottom:7px}.deposit-amount-input{height:60px;border:1px solid rgba(194,24,112,.3);border-radius:14px;background:#0a0609;display:flex;align-items:center;padding:0 14px;gap:10px}.deposit-amount-input span,.deposit-amount-input strong{font-weight:900;color:#f5d46d}.deposit-amount-input input{border:0!important;background:transparent!important;box-shadow:none!important;height:100%;padding:0!important;font-size:25px;font-weight:900;color:#fff0f7!important;min-width:0;flex:1}.deposit-amount-box>small{display:block;color:#8f856f;font-size:10px;margin-top:6px}.deposit-preview{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:15px 0;padding:12px;border:1px solid rgba(194,24,112,.16);border-radius:13px;background:rgba(194,24,112,.025)}.deposit-preview div{display:flex;flex-direction:column;gap:2px}.deposit-preview span{font-size:10px;color:#91866f}.deposit-preview strong{font-size:17px;color:#f06aa9}.deposit-preview>i{color:#e4bb49}.paypal-button-box{max-width:520px;margin:8px auto 0}.deposit-disabled{display:flex;align-items:center;gap:10px;padding:14px;border:1px dashed rgba(194,24,112,.25);border-radius:12px;color:#9c927e;font-size:12px}.deposit-disabled i{color:#f1c94f}.deposit-message{min-height:0;margin-top:10px;font-size:12px;font-weight:700}.deposit-message:empty{display:none}.deposit-message.success{color:#72e7a9}.deposit-message.error{color:#ff9e9e}.deposit-note{display:flex;gap:10px;margin-top:14px;padding:11px 12px;border-radius:11px;background:rgba(67,226,151,.04);border:1px solid rgba(67,226,151,.12);color:#9a9f8f;font-size:10px;line-height:1.55}.deposit-note i{color:#4be29a;margin-top:2px}.deposit-help h2{margin:4px 0 5px}.deposit-help>.btn{width:100%;margin:12px 0 18px}.deposit-steps{display:grid;gap:9px}.deposit-steps>div{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(194,24,112,.12);border-radius:10px}.deposit-steps b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#ffe895,#a66d05);color:#0d070b;font-size:11px}.deposit-steps span{font-size:11px;color:#b0a58e}.deposit-history{margin-top:16px;padding:18px}.inline-paypal-link{display:inline-flex;align-items:center;gap:5px;color:#f06aa9;font-weight:900;text-decoration:underline;text-underline-offset:2px}.settings-note{display:flex;gap:9px;margin-top:12px;padding:11px 12px;border-radius:11px;border:1px solid rgba(194,24,112,.15);background:rgba(194,24,112,.03);color:#a79b84;font-size:10px;line-height:1.55}.settings-note i{color:#f5cf61;margin-top:2px}.paypal-settings-card small{display:block;color:#817763;font-size:9px;margin-top:5px}
@media(max-width:980px){.deposit-grid{grid-template-columns:1fr}.deposit-hero{grid-template-columns:auto 1fr}.deposit-wallet-balance{grid-column:1/-1;width:100%}}
@media(max-width:760px){.wallet-page-hero,.wallet-activation-card{align-items:flex-start;flex-direction:column}.wallet-page-hero .btn,.wallet-activation-card .btn{width:100%}.deposit-hero{grid-template-columns:auto 1fr;padding:15px}.deposit-hero-icon{width:54px;height:54px;border-radius:15px;font-size:25px}.deposit-wallet-balance{grid-column:1/-1}.deposit-card,.deposit-help{padding:14px}.deposit-preview{grid-template-columns:1fr;gap:7px}.deposit-preview>i{display:none}.deposit-amount-input{height:55px}.deposit-amount-input input{font-size:21px}.paypal-button-box{max-width:100%}.wallet-history-card,.deposit-history{padding:13px}.wallet-history-card .table,.deposit-history .table{min-width:720px}}


/* --------------------------------------------------------------------------
   v25 inactive-member access + franchise activation UI
   -------------------------------------------------------------------------- */
.inactive-account-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}.inactive-account-modal.is-open{display:flex}.inactive-account-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.inactive-account-dialog{position:relative;width:min(460px,100%);padding:30px;border:1px solid rgba(194,24,112,.48);border-radius:22px;background:linear-gradient(145deg,#18150d,#0d070b);box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 45px rgba(194,24,112,.12);text-align:center;animation:inactivePop .22s ease-out}.inactive-account-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid rgba(194,24,112,.18);border-radius:10px;background:#0d0c09;color:#d9cda9;cursor:pointer}.inactive-account-icon{width:68px;height:68px;margin:0 auto 15px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#ffe894,#a56c04);color:#0d070b;font-size:28px;box-shadow:0 14px 35px rgba(194,24,112,.18)}.inactive-account-dialog .activation-eyebrow{display:inline-flex}.inactive-account-dialog h2{margin:7px 0 8px;color:#fff2cf;font-size:25px}.inactive-account-dialog p{margin:0 auto;max-width:380px;color:#aaa087;font-size:13px}.inactive-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.inactive-account-actions .btn{min-height:48px}.inactive-account-cancel{margin-top:14px;border:0;background:none;color:#b8ab8e;font-size:11px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.inactive-account-cancel:hover{color:#f06aa9}@keyframes inactivePop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
body.user-account-pending .side-nav a.requires-active{opacity:.78}.franchise-members-card .section-head{align-items:flex-start}.franchise-members-card .section-head h2{margin:3px 0 4px}.franchise-members-card .section-head p{max-width:760px;margin:0}.franchise-members-card .table-sub{display:block;font-size:10px;color:#8f856f;margin-top:2px}.franchise-activation-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:16px;padding:22px}.franchise-activation-icon{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#ffe895,#a66d05);color:#0d070b;font-size:29px;box-shadow:0 15px 38px rgba(194,24,112,.14)}.franchise-activation-hero h2{margin:4px 0 5px}.franchise-activation-hero p{margin:0;color:#a89d86}.franchise-activation-grid{align-items:stretch}.franchise-activation-plan{padding:20px}.franchise-activation-plan .activation-plan-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#eee2c5;font-weight:900}.franchise-activation-plan .activation-plan-top b{font-size:20px;color:#f06aa9}.franchise-activation-plan p{min-height:42px;color:#978d77;font-size:12px}.franchise-pay-meta{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border:1px solid rgba(194,24,112,.12);border-radius:10px;margin:14px 0 10px;color:#91866f;font-size:10px}.franchise-pay-meta strong{color:#f06aa9}.franchise-paypal-box{min-height:44px}.badge-warning{background:rgba(194,24,112,.1);color:#f06aa9;border:1px solid rgba(194,24,112,.25)}
@media(max-width:900px){.franchise-activation-hero{grid-template-columns:auto 1fr}.franchise-activation-hero>.badge{grid-column:2}.inactive-account-dialog{padding:25px 20px}}@media(max-width:600px){.inactive-account-actions{grid-template-columns:1fr}.inactive-account-dialog h2{font-size:21px}.franchise-activation-hero{grid-template-columns:1fr;text-align:center}.franchise-activation-icon{margin:auto}.franchise-activation-hero>.badge{grid-column:auto}.franchise-members-card .section-head{flex-direction:column}.franchise-members-card .section-head .btn{width:100%}}
body.modal-open{overflow:hidden!important}
\n/* v28 franchisee finance */\n.franchise-finance-grid{align-items:stretch}.franchise-deposit-card,.franchise-use-funds,.franchise-withdraw-card{min-height:100%}.franchise-finance-balance,.finance-balance-large{margin:18px 0;padding:18px 20px;border:1px solid rgba(194,24,112,.22);border-radius:16px;background:linear-gradient(145deg,rgba(194,24,112,.08),rgba(10,9,6,.7));display:flex;justify-content:space-between;align-items:center;gap:15px}.franchise-finance-balance span,.franchise-deposit-preview span{color:#9f947d;font-size:12px}.franchise-finance-balance strong,.finance-balance-large{color:#ffe18b;font-weight:900}.finance-balance-large{font-size:32px}.finance-balance-large.commission{color:#68f0a6}.franchise-deposit-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.franchise-deposit-preview>div{padding:14px;border:1px solid rgba(194,24,112,.16);border-radius:12px;display:flex;flex-direction:column;gap:5px}.franchise-deposit-preview strong{color:#f8e9c8;font-size:18px}.franchise-wallet-activation{margin-bottom:16px}.franchise-wallet-activate-form{margin-top:10px}.franchise-deposit-link{display:inline-flex;margin-top:10px;font-size:12px}.franchise-direct-paypal{margin-top:16px}.franchise-finance-kpis small{display:block;color:#8f856f;margin-top:6px}.profile-divider{margin:20px 0 12px;border-bottom:1px solid rgba(194,24,112,.14);padding-bottom:8px;color:#ffe18b;font-weight:800}.franchise-withdraw-card .field textarea{min-height:110px}.franchise-finance-grid .card h2,.franchise-withdraw-card h2{margin-top:5px}.franchise-finance-grid .deposit-note{margin-top:14px}.franchise-wallet-activation .wallet-chip{white-space:nowrap}.franchise-activation-plan form .btn{width:100%}@media(max-width:900px){.franchise-finance-grid{grid-template-columns:1fr!important}.franchise-deposit-preview{grid-template-columns:1fr}.finance-balance-large{font-size:26px}.franchise-finance-kpis{grid-template-columns:1fr 1fr!important}}@media(max-width:600px){.franchise-finance-kpis{grid-template-columns:1fr!important}.franchise-finance-balance{align-items:flex-start;flex-direction:column}.franchise-wallet-activation .card-heading-row{flex-direction:column;align-items:flex-start}.franchise-wallet-activation .wallet-chip{width:100%;text-align:center}}\n
/* v30 - multi model plan manager */
.mlm-plan-manager-v30 .mlm-plan-form-wide,.mlm-plan-manager-v30 .mlm-plans-list-wide,.mlm-plan-manager-v30 .mlm-level-manager{width:100%;box-sizing:border-box;margin-top:16px}.mlm-plan-manager-v30 .plan-form-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mlm-plan-manager-v30 .plan-form-grid .field:nth-child(1){grid-column:span 2}.mlm-plan-manager-v30 .plan-form-grid .field:nth-child(2){grid-column:span 2}.mlm-plan-manager-v30 .plan-form-grid .field:nth-child(3),.mlm-plan-manager-v30 .plan-form-grid .field:nth-child(4){grid-column:span 1}.mlm-plan-manager-v30 .model-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.mlm-plan-manager-v30 .mlm-rule-box{background:rgba(255,255,255,.018);border:1px solid var(--lux-line,#6b5317);border-radius:14px;padding:15px}.mlm-plan-manager-v30 .mlm-rule-box h3{margin:0 0 10px;font-size:15px}.mlm-plan-manager-v30 .mlm-rule-box p{margin:0 0 10px;font-size:12px}.mlm-plan-manager-v30 .crud-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mlm-plan-manager-v30 .plan-model-note{margin:14px 0;padding:11px 13px;border-radius:12px;background:rgba(245,202,80,.07);border:1px solid rgba(245,202,80,.2);color:#d8c89a;font-size:12px}.mlm-plan-manager-v30 .plans-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mlm-plan-manager-v30 .plan-manager-card{padding:15px;border:1px solid var(--lux-line,#6b5317);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));min-width:0}.mlm-plan-manager-v30 .plan-manager-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mlm-plan-manager-v30 .plan-manager-top h3{margin:4px 0 2px;font-size:18px}.mlm-plan-manager-v30 .plan-manager-top small{color:#8e846e}.mlm-plan-manager-v30 .plan-price-chip{white-space:nowrap;padding:8px 10px;border-radius:10px;background:rgba(245,202,80,.12);color:#f5d66e;font-weight:800}.mlm-plan-manager-v30 .plan-manager-stats{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mlm-plan-manager-v30 .plan-manager-stats span{padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#9c927c;font-size:11px}.mlm-plan-manager-v30 .level-inline-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.mlm-plan-manager-v30 .level-inline-grid .field{margin:0}.mlm-plan-manager-v30 .mlm-level-form{margin-bottom:15px}.mlm-plan-manager-v30 .model-panel{display:none}
@media(max-width:1200px){.mlm-plan-manager-v30 .plan-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mlm-plan-manager-v30 .plan-form-grid .field{grid-column:span 1!important}.mlm-plan-manager-v30 .plans-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mlm-plan-manager-v30 .level-inline-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.mlm-plan-manager-v30 .plan-form-grid,.mlm-plan-manager-v30 .model-config-grid,.mlm-plan-manager-v30 .plans-compact-grid{grid-template-columns:1fr}.mlm-plan-manager-v30 .crud-two,.mlm-plan-manager-v30 .level-inline-grid{grid-template-columns:1fr}.mlm-plan-manager-v30 .plan-manager-top{flex-direction:column}.mlm-plan-manager-v30 .plan-price-chip{align-self:flex-start}}

/* --------------------------------------------------------------------------
   v32 Front Content Manager
   -------------------------------------------------------------------------- */
.cms-manager{display:grid;gap:16px}.cms-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px!important;background:radial-gradient(circle at 12% 50%,rgba(194,24,112,.13),transparent 28%),linear-gradient(145deg,#17140d,#10070d)!important}.cms-banner h2{margin:4px 0 5px;color:#f8e9c3;font-size:24px}.cms-banner p{max-width:850px;margin:0}.cms-page-tabs{padding:14px!important}.cms-page-tab-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cms-page-tab-head strong{color:#f6d36d;font-size:14px}.cms-page-tab-head small{color:#8f856f}.cms-page-tabs-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.cms-page-tabs-scroll a{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 13px;border:1px solid rgba(194,24,112,.16);border-radius:10px;background:#12090f;color:#bfb49e;font-size:11px;font-weight:700;text-decoration:none;transition:.2s}.cms-page-tabs-scroll a:hover,.cms-page-tabs-scroll a.active{border-color:#f5ca52;background:linear-gradient(135deg,rgba(194,24,112,.18),rgba(194,24,112,.04));color:#ffe28a;box-shadow:0 8px 18px rgba(194,24,112,.08)}.cms-editor-card,.cms-items-card{padding:20px!important}.cms-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.cms-field-wide{grid-column:1/-1}.cms-html-editor{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6}.cms-form-actions{display:flex;gap:9px;align-items:center;margin-top:15px;flex-wrap:wrap}.cms-group{margin-top:20px;border-top:1px solid rgba(194,24,112,.12);padding-top:16px}.cms-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.cms-group-heading>div{display:flex;align-items:center;gap:10px}.cms-group-heading span{font-weight:800;color:#f5d46e;font-size:14px}.cms-group-heading small{color:#817765}.cms-item-list{display:grid;gap:8px;margin-top:10px}.cms-item-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;border:1px solid rgba(194,24,112,.14);border-radius:12px;background:#12090f;padding:11px}.cms-item-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#8f5f03,#f4ca51);color:#0d070b}.cms-item-copy{min-width:0}.cms-item-copy strong{display:block;color:#f5ecd8;font-size:13px}.cms-item-copy small{display:block;color:#8e836d;font-size:10px;margin-top:3px}.cms-item-copy p{margin:5px 0 0;color:#a99e88;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cms-item-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.cms-item-meta>span:first-child{font-size:10px;color:#807663}.cms-empty,.cms-note{color:#9d927c;font-size:12px}.cms-note{display:flex;gap:12px;align-items:flex-start;padding:18px!important}.cms-note>i{color:#f5cf5d;font-size:20px}.cms-note strong{color:#f5e7c5}.cms-note p{margin:4px 0 0}.cms-public-richtext{margin-top:18px;border:1px solid rgba(194,24,112,.15);border-radius:14px;background:#11080e;padding:20px;color:#bdb19a;line-height:1.8}.cms-public-richtext h2,.cms-public-richtext h3{color:#f4d36d;margin:18px 0 7px}.cms-public-richtext h2:first-child,.cms-public-richtext h3:first-child{margin-top:0}.cms-public-richtext p{margin:7px 0}.cms-public-richtext a{color:#f4d36d}.cms-public-richtext ul,.cms-public-richtext ol{padding-left:22px}.cms-public-richtext li{margin:5px 0}@media(max-width:760px){.cms-banner{align-items:flex-start;flex-direction:column}.cms-form-grid{grid-template-columns:1fr}.cms-field-wide{grid-column:auto}.cms-item-row{grid-template-columns:40px 1fr}.cms-item-meta{grid-column:2;justify-content:flex-start}.cms-page-tabs-scroll{padding-bottom:8px}}

/* =========================================================
   FINTECH MLM V34 — FOUR FEATURED PACKAGE SHOWCASE
   ========================================================= */
.lux-package-grid-v34{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.plan-showcase-card{display:flex;flex-direction:column;min-width:0}.plan-showcase-card .lux-package-head{min-height:72px}.plan-showcase-card .lux-package-head>div{display:flex;flex-direction:column;min-width:0}.plan-showcase-card .lux-package-head strong{font-size:16px}.plan-showcase-card .lux-package-head small{font-size:9px;opacity:.68;margin-top:3px}.plan-showcase-card .lux-package-head>span{font-size:9px;white-space:nowrap}.plan-showcase-card .lux-package-body{display:flex;flex-direction:column;height:100%}.plan-showcase-card .lux-price{font-size:31px}.plan-showcase-card .lux-package-body>p{min-height:72px}.plan-detail-chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 10px}.plan-detail-chips span{font-size:9px;color:#d9cba9;border:1px solid rgba(194,24,112,.16);background:rgba(194,24,112,.035);padding:6px 7px;border-radius:8px}.plan-detail-chips i{color:#f5cf5b;margin-right:4px}.plan-benefit-list{margin-top:8px!important}.plan-level-strip{border-top:1px solid rgba(194,24,112,.13);padding-top:10px;margin:4px 0 15px}.plan-level-strip>b{display:block;color:#f4d36d;font-size:10px;margin-bottom:6px}.plan-level-strip>div{display:flex;gap:5px;flex-wrap:wrap}.plan-level-strip span{font-size:9px;color:#b9ad95;padding:4px 6px;border-radius:6px;background:#180b14;border:1px solid rgba(255,255,255,.06)}.plan-showcase-card .lux-package-body>a{margin-top:auto}.plan-hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px}.plan-hero-art i{font-size:58px;color:#f4cc55;filter:drop-shadow(0 0 22px rgba(194,24,112,.28));animation:goldFloat 4s ease-in-out infinite}.plan-hero-art strong{font-size:24px;color:#ffe5a0}.plan-hero-art small{max-width:260px;color:#b5a98f;font-size:12px}.plans-benefit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mlm-plan-manager-v30 .plans-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1250px){.lux-package-grid-v34{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mlm-plan-manager-v30 .plans-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.lux-package-grid-v34,.plans-benefit-grid{grid-template-columns:1fr}.plan-showcase-card .lux-package-head{min-height:64px}.plan-showcase-card .lux-package-body>p{min-height:auto}.mlm-plan-manager-v30 .plans-compact-grid{grid-template-columns:1fr}}

/* =========================================================
   Fintech MLM v37 — Full-width plans + compact plan cards
   ========================================================= */
body.area-public .fp-plans-area{
  display:block!important;
  padding:34px clamp(30px,6vw,86px) 40px!important;
  background:
    radial-gradient(circle at 10% 20%,rgba(194,24,112,.055),transparent 24%),
    radial-gradient(circle at 90% 65%,rgba(194,24,112,.045),transparent 28%),
    #080407!important;
}
body.area-public .fp-plans{
  width:100%!important;
  max-width:none!important;
}
body.area-public .fp-plan-grid{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body.area-public .fp-plan{
  min-width:0!important;
}
body.area-public .fp-plan header{
  min-height:76px!important;
  height:auto!important;
  padding:13px 14px!important;
  align-items:flex-start!important;
  gap:10px!important;
  background:linear-gradient(135deg,#9a6705,#f4c84b 52%,#a56f08)!important;
}
body.area-public .fp-plan-title{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
body.area-public .fp-plan header strong{
  display:block!important;
  font-size:17px!important;
  line-height:1.1!important;
  color:#0d070b!important;
  white-space:normal!important;
}
body.area-public .fp-plan header .fp-plan-description{
  display:block!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border-radius:0!important;
  color:#2f250d!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:700!important;
  max-width:100%!important;
}
body.area-public .fp-plan header .fp-plan-model{
  flex:0 0 auto!important;
  padding:5px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,239,172,.65)!important;
  background:rgba(35,25,4,.72)!important;
  color:#fff1b2!important;
  font-size:8px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
  letter-spacing:.25px!important;
}
body.area-public .fp-plan-body{
  padding:14px!important;
}
body.area-public .fp-price{
  font-size:25px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  letter-spacing:-.25px!important;
}
body.area-public .fp-plan-body>small{
  text-align:left!important;
  font-size:9px!important;
  margin-top:3px!important;
}
body.area-public .fp-plan-body ul{
  margin:10px 0!important;
  font-size:10px!important;
}
body.area-public .fp-plan-body li{
  margin:6px 0!important;
  line-height:1.35!important;
}
body.area-public .fp-plan-body a{
  margin-top:10px!important;
  padding:10px!important;
  font-size:11px!important;
}
body.area-public .fp-how{
  width:100%!important;
  margin-top:22px!important;
  padding:22px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#141109,#080806)!important;
}
body.area-public .fp-how-heading{
  text-align:center!important;
  margin-bottom:16px!important;
}
body.area-public .fp-how-heading h2{
  margin:8px 0 4px!important;
  font-size:32px!important;
}
body.area-public .fp-how-heading p{
  margin:0 auto!important;
  max-width:760px!important;
  color:#b8aa8c!important;
  font-size:12px!important;
}
body.area-public .fp-how-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
body.area-public .fp-how-grid .fp-step{
  margin:0!important;
  min-height:92px!important;
  grid-template-columns:34px 38px 1fr!important;
  align-items:center!important;
}

@media(max-width:1100px){
  body.area-public .fp-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.area-public .fp-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body.area-public .fp-plans-area{padding:24px 12px 30px!important}
  body.area-public .fp-plan-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.area-public .fp-plan header{min-height:70px!important}
  body.area-public .fp-plan header strong{font-size:16px!important}
  body.area-public .fp-price{font-size:24px!important}
  body.area-public .fp-how{padding:15px!important}
  body.area-public .fp-how-grid{grid-template-columns:1fr!important}
  body.area-public .fp-how-grid .fp-step{min-height:76px!important}
}

/* Fintech MLM v44 — Home plans/how-it-works layout guard */
.fp-plans-area{display:block!important;width:100%!important}
.fp-plans-area>.fp-plans{display:block!important;width:100%!important;max-width:none!important}
.fp-plans-area>.fp-how{display:block!important;width:100%!important;max-width:none!important;margin-top:22px!important}
@media(max-width:700px){.fp-plans-area{display:block!important}.fp-plans-area>.fp-plans,.fp-plans-area>.fp-how{width:100%!important}}

/* Singer Booking visual layer — keeps the original Fintech/MLM gold-black theme intact. */
.singer-hero-art{min-height:270px!important;background:#0d070b!important;border:1px solid rgba(194,24,112,.28);overflow:hidden!important}
.singer-hero-photo{position:absolute;inset:0;z-index:0;overflow:hidden}
.singer-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.9) contrast(1.05);opacity:.74}
.singer-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,6,4,.82),rgba(7,6,4,.18) 48%,rgba(7,6,4,.76)),linear-gradient(0deg,rgba(7,6,4,.72),transparent 55%)}
.singer-hero-art .fp-world-glow,.singer-hero-art .fp-ring{z-index:2}
.singer-hero-badge{position:absolute;left:18px;bottom:18px;z-index:5;display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(194,24,112,.45);border-radius:12px;background:rgba(8,7,5,.76);backdrop-filter:blur(10px);color:#f6d76c;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.singer-hero-badge>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#7a0f43,#e83e8c);color:#0d070b}.singer-hero-badge span{font-size:11px;font-weight:900}.singer-hero-badge small{display:block;color:#c7b998;font-size:8px;font-weight:600;margin-top:2px}
.singer-feature-panel{z-index:6!important;right:18px!important;top:18px!important;width:174px!important}
.singer-feature-panel>div{font-size:10px!important}
.singer-event-card .fp-plan-title{display:flex;align-items:center;justify-content:space-between;width:100%}
.singer-event-card .fp-plan-title span{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;padding:0!important;border-radius:8px!important}
.singer-event-description{min-height:54px;color:#cfc3a8;font-size:11px;line-height:1.5;margin:0 0 7px}
.singer-gallery-section{padding:28px clamp(30px,7vw,86px);background:#0a0609;border-bottom:1px solid rgba(194,24,112,.2)}
.singer-gallery-heading{text-align:center;margin-bottom:18px}.singer-gallery-heading h2{font-size:32px;color:#fff0f7;margin:9px 0 3px}.singer-gallery-heading p{color:#bdb199;font-size:13px;margin:0}
.singer-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.singer-gallery-item{height:210px;display:block;position:relative;overflow:hidden;border:1px solid rgba(194,24,112,.3);border-radius:12px;background:#10070d}.singer-gallery-item img{width:100%;height:100%;object-fit:cover;transition:.45s;filter:saturate(.92)}.singer-gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(5,4,3,.7));opacity:.7}.singer-gallery-item>span{position:absolute;right:9px;bottom:9px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(194,24,112,.9);color:#0d070b;transform:translateY(8px);opacity:0;transition:.3s}.singer-gallery-item:hover img{transform:scale(1.06)}.singer-gallery-item:hover>span{opacity:1;transform:none}
.singer-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin-top:20px}.singer-about-photo{min-height:420px;border-radius:20px;overflow:hidden;border:1px solid rgba(194,24,112,.3);background:#10070d}.singer-about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.singer-about-card{padding:30px}.singer-about-card h2{margin-top:0}.singer-about-card p{color:#bdb199}.singer-check-list{list-style:none;padding:0;margin:18px 0}.singer-check-list li{padding:8px 0;color:#e8ddc6;border-bottom:1px solid rgba(194,24,112,.08)}.singer-check-list i{color:#20e98a;margin-right:8px}.singer-mini-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px}.singer-mini-gallery img{width:100%;height:130px;object-fit:cover;border-radius:10px;border:1px solid rgba(194,24,112,.25)}
/* Full-page animated installer */
body.installer-page{min-height:100vh;background:radial-gradient(circle at 50% 35%,rgba(194,24,112,.11),transparent 28%),linear-gradient(135deg,#080407,#10060c 50%,#080407)!important;overflow-x:hidden}
.installer-shell{min-height:100vh;display:grid;place-items:center;padding:40px 18px;position:relative;overflow:hidden}.installer-shell:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(194,24,112,.09) 0 1px,transparent 2px);background-size:34px 34px;animation:installerStars 18s linear infinite;opacity:.55}.installer-shell:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;border:1px solid rgba(194,24,112,.08);box-shadow:0 0 0 40px rgba(194,24,112,.025),0 0 0 80px rgba(194,24,112,.018),0 0 120px rgba(194,24,112,.07);animation:installerOrbit 16s linear infinite}
.installer-card{position:relative;z-index:3;width:min(760px,100%);padding:32px;border:1px solid rgba(194,24,112,.4);border-radius:24px;background:linear-gradient(145deg,rgba(17,15,10,.96),rgba(7,6,4,.97));box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 55px rgba(194,24,112,.07);backdrop-filter:blur(18px)}
.installer-brand{display:flex;justify-content:center;margin-bottom:20px}.installer-brand .brand-mark{width:64px;height:64px;border-radius:18px;font-size:28px;animation:installerPulse 2s ease-in-out infinite}
.installer-heading{text-align:center}.installer-heading h1{font-size:clamp(30px,5vw,48px);margin:10px 0 5px;color:#fff0f7}.installer-heading p{color:#bdb199;margin:0 auto 22px;max-width:580px}
.installer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.installer-progress{margin:22px 0 18px}.installer-progress-top{display:flex;justify-content:space-between;color:#d8c99f;font-size:12px;margin-bottom:8px}.installer-progress-track{height:11px;border:1px solid rgba(194,24,112,.35);border-radius:99px;background:#0d070b;overflow:hidden}.installer-progress-bar{width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#8d5c04,#e83e8c,#ffd0e5);box-shadow:0 0 20px rgba(194,24,112,.3);transition:width .3s ease}
.installer-status{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 20px}.installer-status div{padding:9px 6px;border:1px solid rgba(194,24,112,.12);border-radius:9px;text-align:center;color:#82765d;font-size:9px;transition:.3s}.installer-status div i{display:block;margin-bottom:5px;color:#6e624b}.installer-status div.active{color:#f06aa9;border-color:rgba(194,24,112,.42);background:rgba(194,24,112,.06);box-shadow:0 0 18px rgba(194,24,112,.06)}.installer-status div.active i{color:#f06aa9}
.installer-sparkle{position:absolute;z-index:2;width:4px;height:4px;border-radius:50%;background:#ffe9a0;box-shadow:0 0 10px #c21870;animation:installerSparkle 3s ease-in-out infinite;pointer-events:none}
@keyframes installerStars{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes installerOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes installerPulse{0%,100%{box-shadow:0 0 0 rgba(194,24,112,0),0 0 25px rgba(194,24,112,.16)}50%{box-shadow:0 0 0 10px rgba(194,24,112,.04),0 0 40px rgba(194,24,112,.35)}}@keyframes installerSparkle{0%,100%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1)}70%{opacity:.25;transform:scale(.6)}}
@media(max-width:900px){.singer-gallery{grid-template-columns:repeat(3,1fr)}.singer-about-grid{grid-template-columns:1fr}.singer-mini-gallery{grid-template-columns:repeat(3,1fr)}.installer-form-grid{grid-template-columns:1fr}.installer-status{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.singer-gallery{grid-template-columns:repeat(2,1fr)}.singer-gallery-item{height:190px}.singer-mini-gallery{grid-template-columns:repeat(2,1fr)}.singer-hero-badge{left:10px;bottom:10px}.singer-feature-panel{right:8px!important;top:8px!important;width:160px!important}.installer-card{padding:22px 16px;border-radius:18px}}


/* --------------------------------------------------------------------------
   Singer Booking v45 — public gallery/image + scroll-to-top stability fixes
   -------------------------------------------------------------------------- */
body.area-public .singer-gallery-section{display:block!important;position:relative!important;overflow:hidden!important}
body.area-public .singer-gallery{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:12px!important;width:100%!important}
body.area-public .singer-gallery-item{display:block!important;position:relative!important;width:100%!important;height:250px!important;min-width:0!important;max-width:none!important;overflow:hidden!important;box-sizing:border-box!important}
body.area-public .singer-gallery-item img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;min-width:0!important;object-fit:cover!important;object-position:center 25%!important}
body.area-public .singer-gallery-item:after{pointer-events:none!important}
body.area-public .singer-gallery-item>span{pointer-events:none!important}
body.area-public .singer-gallery-heading h2{line-height:1.15!important}
.scroll-top{position:fixed!important;right:22px!important;bottom:22px!important;width:46px!important;height:46px!important;border:1px solid rgba(194,24,112,.65)!important;border-radius:50%!important;background:linear-gradient(145deg,#7a0f43,#e83e8c)!important;color:#0d070b!important;display:grid!important;place-items:center!important;font-size:15px!important;cursor:pointer!important;z-index:99990!important;opacity:0!important;visibility:hidden!important;transform:translateY(12px)!important;transition:opacity .25s ease,visibility .25s ease,transform .25s ease,box-shadow .25s ease!important;box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 18px rgba(194,24,112,.16)!important}
.scroll-top.show{opacity:1!important;visibility:visible!important;transform:none!important}
.scroll-top:hover{box-shadow:0 16px 35px rgba(0,0,0,.55),0 0 28px rgba(194,24,112,.30)!important;transform:translateY(-2px)!important}
@media(max-width:1100px){body.area-public .singer-gallery{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:850px){body.area-public .singer-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.area-public .singer-gallery-item{height:230px!important}}
@media(max-width:600px){body.area-public .singer-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}body.area-public .singer-gallery-item{height:205px!important}.scroll-top{right:14px!important;bottom:82px!important;width:42px!important;height:42px!important}}

/* =========================================================
   SINGER BOOKING — FINAL DARK/GOLD UI POLISH
   Keeps the existing visual language while preventing legacy
   light/MLM rules from leaking into singer pages.
   ========================================================= */
body.area-public{background:#080407!important;color:#eee6d3!important;overflow-x:hidden!important}
body.area-public .site-header.sketch-header{background:rgba(5,5,4,.96)!important;border-bottom:1px solid rgba(194,24,112,.24)!important;box-shadow:0 8px 30px rgba(0,0,0,.42)!important}
body.area-public .section,
body.area-public .form-page{background:linear-gradient(145deg,#0a0609,#10070d 52%,#080407)!important;color:#eee6d3!important}
body.area-public .section:before{background:radial-gradient(circle,rgba(194,24,112,.08),transparent 68%)!important}
body.area-public .section h1,body.area-public .section h2,body.area-public .section h3{color:#fff0f7!important}
body.area-public .section p,body.area-public .muted{color:#aaa08d!important}
body.area-public .card,body.area-public .form-card,body.area-public .table-wrap{background:linear-gradient(145deg,#180b14,#0d070b)!important;border-color:rgba(194,24,112,.22)!important;color:#eee6d3!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important}
body.area-public .form-card .field input,body.area-public .form-card .field select,body.area-public .form-card .field textarea{background:#0a0609!important;color:#f5ead0!important;border-color:rgba(194,24,112,.2)!important}
body.area-public .table th{background:#140910!important;color:#e8a4c4!important}
body.area-public .table td{color:#d9cfba!important;border-color:rgba(194,24,112,.1)!important}
body.area-public .footer.simple-footer{background:#080407!important;border-top:1px solid rgba(194,24,112,.2)!important;color:#9f957f!important}
body.area-public .footer.simple-footer strong{color:#f06aa9!important}
body.area-public .footer.simple-footer small{color:#9f957f!important}
body.area-public .footer.simple-footer a{color:#bdb29c!important}

/* Admin/user sidebar: restore the intended vertical navigation. */
body.area-admin .sidebar,body.area-user .sidebar{background:linear-gradient(180deg,#10070d,#0a0609)!important;border-right:1px solid rgba(194,24,112,.22)!important;padding:18px 12px!important;overflow-y:auto!important}
body.area-admin .sidebar-brand,body.area-user .sidebar-brand{padding:4px 8px 18px!important;margin-bottom:8px!important;border-bottom:1px solid rgba(194,24,112,.12)!important}
body.area-admin .sidebar-nav,body.area-user .sidebar-nav{display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important}
body.area-admin .sidebar-nav a,body.area-user .sidebar-nav a{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:43px!important;padding:10px 12px!important;margin:0!important;border-radius:10px!important;color:#b8ad97!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;line-height:1.2!important}
body.area-admin .sidebar-nav a i,body.area-user .sidebar-nav a i{width:20px!important;min-width:20px!important;text-align:center!important;color:#c21870!important;font-size:14px!important}
body.area-admin .sidebar-nav a:hover,body.area-admin .sidebar-nav a.active,body.area-user .sidebar-nav a:hover,body.area-user .sidebar-nav a.active{background:linear-gradient(90deg,rgba(194,24,112,.13),rgba(194,24,112,.03))!important;color:#ffe38a!important;border:1px solid rgba(194,24,112,.16)!important}
body.area-admin .sidebar-nav a:hover i,body.area-admin .sidebar-nav a.active i,body.area-user .sidebar-nav a:hover i,body.area-user .sidebar-nav a.active i{color:#ffe38a!important}
body.area-admin .content,body.area-user .content{background:linear-gradient(145deg,#060605,#0a0907)!important;min-height:calc(100vh - 151px)!important}
body.area-admin .card,body.area-user .card{background:linear-gradient(145deg,#180b14,#0d070b)!important;border-color:rgba(194,24,112,.2)!important;color:#eee6d3!important}
body.area-admin .mini-stat .muted,body.area-user .muted{color:#9e947f!important}
body.area-admin .card h3,body.area-user .card h3{color:#fff0f7!important}
body.area-admin .topbar,body.area-user .topbar{background:rgba(5,5,4,.97)!important;border-bottom-color:rgba(194,24,112,.2)!important}

/* Application notification control. */
.notification-dropdown{position:relative!important;margin-right:4px!important}
.notification-trigger{position:relative!important;width:38px;height:38px;display:grid!important;place-items:center!important;border:1px solid rgba(194,24,112,.2);border-radius:10px;background:#0d0b07;color:#e83e8c;cursor:pointer;list-style:none}
.notification-trigger::-webkit-details-marker{display:none}
.notification-trigger .fa-bell{font-size:14px}
.notification-badge{position:absolute;right:-4px;top:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;display:grid;place-items:center;background:#e04a54;color:#fff;font-size:8px;font-weight:900;border:2px solid #0a0609}
.notification-menu{right:0!important;top:calc(100% + 10px)!important;width:290px!important;padding:0!important;overflow:hidden!important;background:#0d0b07!important;border:1px solid rgba(194,24,112,.28)!important;box-shadow:0 20px 55px rgba(0,0,0,.65)!important}
.notification-head{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid rgba(194,24,112,.12);color:#ffe28a;font-size:11px}
.notification-head span{color:#8f856f;font-size:9px}
.notification-menu>a{display:flex!important;gap:10px!important;padding:12px 14px!important;color:#d9cfba!important;border-bottom:1px solid rgba(194,24,112,.08)!important}
.notification-menu>a>i{color:#e7bf4c!important;margin-top:2px}
.notification-menu>a b{display:block;color:#f5dc86;font-size:10px}
.notification-menu>a small{display:block;color:#928874;font-size:9px;margin-top:3px}
.notification-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:25px 14px;color:#8e8574;font-size:10px}
.notification-empty i{color:#c6a64d}

/* About page: dark two-column presentation + clickable hero image. */
body.area-public .singer-about-page{padding-top:48px!important}
body.area-public .singer-about-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:18px!important;align-items:stretch!important;max-width:1180px!important;margin:25px auto 0!important}
body.area-public .singer-about-photo{height:560px!important;min-width:0!important;border:1px solid rgba(194,24,112,.28)!important;border-radius:18px!important;overflow:hidden!important;background:#0d070b!important;box-shadow:0 18px 50px rgba(0,0,0,.45)!important;cursor:zoom-in!important}
body.area-public .singer-about-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.area-public .singer-about-card{padding:30px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
body.area-public .singer-about-card h2{font-size:30px!important;color:#fff0f7!important}
body.area-public .singer-check-list{list-style:none!important;padding:0!important;margin:18px 0 22px!important}
body.area-public .singer-check-list li{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 0!important;border-bottom:1px solid rgba(194,24,112,.1)!important;color:#d7ccb5!important}
body.area-public .singer-check-list li i{color:#2fe29a!important}
body.area-public .singer-mini-gallery{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;max-width:1180px!important;margin:18px auto 0!important}
body.area-public .singer-mini-gallery img{width:100%!important;height:115px!important;object-fit:cover!important;border:1px solid rgba(194,24,112,.2)!important;border-radius:10px!important;cursor:zoom-in!important;transition:.25s ease!important}
body.area-public .singer-mini-gallery img:hover{transform:translateY(-4px);border-color:#e83e8c!important;box-shadow:0 10px 25px rgba(194,24,112,.12)}

/* Contact: image left, form right, no white panel. */
body.area-public .contact-layout{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:20px!important;max-width:1180px!important;margin:26px auto 0!important;align-items:stretch!important}
body.area-public .contact-visual{min-height:560px!important;border:1px solid rgba(194,24,112,.25)!important;border-radius:18px!important;overflow:hidden!important;background:#0d070b!important;position:relative!important}
body.area-public .contact-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
body.area-public .contact-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72));pointer-events:none}
body.area-public .contact-visual-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}
body.area-public .contact-visual-copy h2{margin:0 0 5px!important;color:#f06aa9!important;font-size:25px!important}
body.area-public .contact-visual-copy p{margin:0!important;color:#d2c5a9!important;font-size:11px!important}
body.area-public .contact-form-panel{padding:28px!important;display:flex!important;align-items:center!important}
body.area-public .contact-form-panel form{width:100%!important}

/* Home process steps centered. */
body.area-public .fp-how-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;justify-content:center!important;max-width:1000px!important;margin:20px auto 0!important}
body.area-public .fp-how-grid .fp-step{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:175px!important;padding:20px 14px!important;background:linear-gradient(145deg,#141108,#0d070b)!important;border:1px solid rgba(194,24,112,.2)!important;border-radius:15px!important}
body.area-public .fp-how-grid .fp-step>div{display:flex!important;flex-direction:column!important;align-items:center!important}
body.area-public .fp-how-grid .fp-step>b{margin-bottom:9px!important}
body.area-public .fp-how-grid .fp-step>span{margin-bottom:10px!important}
body.area-public .fp-how-grid .fp-step strong,body.area-public .fp-how-grid .fp-step small{display:block!important;text-align:center!important}

/* Gallery: proper thumbnails + modal instead of new tabs. */
body.area-public .singer-gallery-section{background:linear-gradient(145deg,#0a0609,#10070d)!important;padding:48px max(5vw,28px)!important}
body.area-public .singer-gallery-item{cursor:zoom-in!important}
body.area-public .singer-gallery-item img{transition:transform .35s ease!important}
body.area-public .singer-gallery-item:hover img{transform:scale(1.05)!important}
.gallery-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}
.gallery-modal.is-open{display:flex!important}
.gallery-modal-inner{position:relative;width:min(1100px,94vw);height:min(82vh,760px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(194,24,112,.3);border-radius:18px;background:#0d070b;box-shadow:0 30px 100px rgba(0,0,0,.8);overflow:hidden}
.gallery-modal img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.gallery-modal-close{position:absolute;right:12px;top:12px;width:42px;height:42px;border:1px solid rgba(194,24,112,.3);border-radius:50%;background:#140910;color:#f06aa9;display:grid;place-items:center;cursor:pointer;z-index:2}
.gallery-modal-caption{position:absolute;left:16px;bottom:14px;padding:7px 10px;border-radius:8px;background:rgba(0,0,0,.65);color:#e9d9b2;font-size:10px}
body.modal-open{overflow:hidden!important}

@media(max-width:900px){
 body.area-public .singer-about-grid,body.area-public .contact-layout{grid-template-columns:1fr!important}
 body.area-public .singer-about-photo{height:430px!important}
 body.area-public .contact-visual{min-height:390px!important}
 body.area-public .singer-mini-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.area-public .fp-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 body.area-public .singer-mini-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.area-public .fp-how-grid{grid-template-columns:1fr!important}
 body.area-public .fp-how-grid .fp-step{min-height:145px!important}
 .gallery-modal{padding:12px}
 .gallery-modal-inner{height:75vh;width:96vw}
 body.area-admin .sidebar,body.area-user .sidebar{padding-top:12px!important}
}

/* Final interaction details */
body.area-public .singer-gallery-item{appearance:none!important;-webkit-appearance:none!important;border:0!important;padding:0!important;margin:0!important;font:inherit!important;color:inherit!important;text-align:inherit!important;background:transparent!important}
body.area-public .singer-thumb{appearance:none!important;-webkit-appearance:none!important;border:0!important;padding:0!important;margin:0!important;background:transparent!important;cursor:zoom-in!important;border-radius:10px!important;overflow:hidden!important}
body.area-public .singer-thumb.selected img{border-color:#f06aa9!important;box-shadow:0 0 0 2px rgba(194,24,112,.18),0 10px 28px rgba(194,24,112,.14)!important;transform:translateY(-3px)!important}
body.area-public .about-photo-hint{position:absolute!important;right:12px!important;bottom:12px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;border-radius:8px!important;background:rgba(0,0,0,.62)!important;color:#ead9ac!important;font-size:9px!important;z-index:3!important}
body.area-public .singer-about-photo{position:relative!important}
.scroll-top{z-index:10000!important}


/* SINGER BOOKING 2.2.0 — DARK PINK THEME CONTRACT */
:root{
 --primary:#c21870!important;--secondary:#7a0f43!important;--gold:#c21870!important;--gold2:#f06aa9!important;--gold3:#7a0f43!important;--gold-mid:#9e155b!important;--gold-dark:#641039!important;--gold-bright:#f06aa9!important;--gold-deep:#641039!important;--gold-line:rgba(194,24,112,.34)!important;--gold-border:rgba(194,24,112,.34)!important;--gold-border-strong:rgba(232,62,140,.72)!important;--gold-glow:rgba(194,24,112,.24)!important;--cream:#fff0f7!important;--pink:#c21870!important;--violet:#7a0f43!important;--blue:#c21870!important;
}
body,body.area-public,body.area-admin,body.area-user,body.area-franchisee{background:#080407!important;color:#f8e8f0!important}
body.area-public .site-header,body.area-admin .topbar,body.area-user .topbar{border-color:rgba(194,24,112,.28)!important}
.brand-mark,.avatar,.center,.btn-primary,.btn-ghost:hover,.feature-icon,.admin-kpi-icon,.admin-link-card>i,.banner-gift,.lux-package-head,.lux-package-body>a,.lux-contact-card>span,.lux-support-card>i,.scroll-top,.notification-trigger:hover{background:linear-gradient(135deg,#7a0f43,#c21870,#e83e8c)!important;color:#fff0f7!important}
.btn-primary{box-shadow:0 10px 28px rgba(194,24,112,.22)!important}
a:hover,body.area-public .desktop-nav>a:hover,body.area-admin .sidebar-nav a.active,body.area-user .sidebar-nav a.active{color:#f06aa9!important}
body.area-public .eyebrow,body.area-public .feature-icon{background:rgba(194,24,112,.12)!important;color:#f06aa9!important}
body.area-public .card,body.area-public .form-card,body.area-public .table-wrap,body.area-admin .card,body.area-user .card,body.area-admin .table-wrap,body.area-user .table-wrap{border-color:rgba(194,24,112,.28)!important}
body.area-public .section,body.area-public .form-page,body.area-public .footer,body.area-admin .content,body.area-user .content{background:linear-gradient(145deg,#0a0609,#12070e 52%,#080407)!important}
body.area-public .singer-gallery-item,body.area-public .singer-about-photo,body.area-public .contact-visual{border-color:rgba(194,24,112,.38)!important}
body.area-public .singer-gallery-item>span{background:#c21870!important;color:#fff!important}
body.area-public .singer-thumb.selected img{border-color:#e83e8c!important;box-shadow:0 0 0 2px rgba(194,24,112,.22),0 10px 28px rgba(194,24,112,.18)!important}
body.area-public .singer-check-list li i{color:#f06aa9!important}
body.area-public .contact-form-panel,body.area-public .singer-about-card{background:linear-gradient(145deg,#140910,#0b0509)!important}
body.area-public .field input,body.area-public .field select,body.area-public .field textarea{border-color:rgba(194,24,112,.28)!important}
body.area-public .field input:focus,body.area-public .field select:focus,body.area-public .field textarea:focus{border-color:#e83e8c!important;box-shadow:0 0 0 3px rgba(194,24,112,.10)!important}
body.area-admin .sidebar,body.area-user .sidebar{border-right-color:rgba(194,24,112,.28)!important;background:linear-gradient(180deg,#10070d,#080407)!important}
body.area-admin .sidebar-nav a i,body.area-user .sidebar-nav a i{color:#e83e8c!important}
body.area-admin .sidebar-nav a:hover,body.area-admin .sidebar-nav a.active,body.area-user .sidebar-nav a:hover,body.area-user .sidebar-nav a.active{background:linear-gradient(90deg,rgba(194,24,112,.16),rgba(194,24,112,.04))!important;border-color:rgba(194,24,112,.22)!important;color:#f06aa9!important}
body.area-admin .sidebar-nav a:hover i,body.area-admin .sidebar-nav a.active i,body.area-user .sidebar-nav a:hover i,body.area-user .sidebar-nav a.active i{color:#f06aa9!important}
body.area-admin .mini-stat .icon,body.area-user .mini-stat .icon{color:#f06aa9!important}
body.area-admin .mini-stat:after,body.area-user .mini-stat:after{border-top-color:rgba(194,24,112,.5)!important;box-shadow:0 -7px 0 rgba(194,24,112,.12),0 -14px 0 rgba(194,24,112,.07)!important}
body.area-admin .btn-primary,body.area-user .btn-primary{background:linear-gradient(135deg,#7a0f43,#c21870,#e83e8c)!important;color:#fff!important;box-shadow:0 9px 22px rgba(194,24,112,.2)!important}
body.area-admin .btn-ghost,body.area-user .btn-ghost{border-color:rgba(194,24,112,.28)!important}
.notification-trigger{border-color:rgba(194,24,112,.3)!important;color:#f06aa9!important}
.notification-badge{background:#e83e8c!important}
.installer-shell{background:radial-gradient(circle at 50% 35%,rgba(194,24,112,.13),transparent 28%),linear-gradient(135deg,#080407,#12070e 50%,#080407)!important}
.installer-shell:before{background:radial-gradient(circle,rgba(232,62,140,.10) 0 1px,transparent 2px)!important}
.installer-shell:after{border-color:rgba(194,24,112,.12)!important;box-shadow:0 0 0 40px rgba(194,24,112,.03),0 0 0 80px rgba(194,24,112,.02),0 0 120px rgba(194,24,112,.08)!important}
.installer-card{border-color:rgba(194,24,112,.42)!important;box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 55px rgba(194,24,112,.10)!important}
.installer-progress-track{border-color:rgba(194,24,112,.4)!important}.installer-progress-bar{background:linear-gradient(90deg,#641039,#c21870,#f06aa9)!important;box-shadow:0 0 20px rgba(194,24,112,.32)!important}.installer-status div.active{color:#f06aa9!important;border-color:rgba(194,24,112,.45)!important;background:rgba(194,24,112,.07)!important}.installer-status div.active i{color:#f06aa9!important}
.scroll-top{border-color:rgba(232,62,140,.7)!important;box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 18px rgba(194,24,112,.18)!important}


/* =========================================================
   SINGER BOOKING 2.2.1 — POLISHED DARK-PINK EXPERIENCE
   ========================================================= */
html{background:#080407!important}
body{overflow-x:hidden!important}
body.area-public,body.area-admin,body.area-user{position:relative!important}
body.area-public .singer-ambient-glow,body.area-admin .singer-ambient-glow,body.area-user .singer-ambient-glow{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:0!important;overflow:hidden!important}
.singer-ambient-glow:before{content:"";position:absolute;inset:-20%;background:
 radial-gradient(circle at 12% 78%,rgba(232,62,140,.20) 0 2px,transparent 3px),
 radial-gradient(circle at 24% 64%,rgba(255,105,180,.75) 0 1px,transparent 2px),
 radial-gradient(circle at 39% 86%,rgba(194,24,112,.65) 0 2px,transparent 3px),
 radial-gradient(circle at 56% 72%,rgba(255,180,220,.7) 0 1px,transparent 2px),
 radial-gradient(circle at 70% 90%,rgba(232,62,140,.75) 0 2px,transparent 3px),
 radial-gradient(circle at 83% 66%,rgba(255,105,180,.75) 0 1px,transparent 2px),
 radial-gradient(circle at 92% 82%,rgba(194,24,112,.65) 0 2px,transparent 3px),
 radial-gradient(circle at 18% 30%,rgba(194,24,112,.18),transparent 20%),
 radial-gradient(circle at 78% 20%,rgba(232,62,140,.13),transparent 24%);
 filter:blur(.2px);animation:starRise 14s linear infinite;opacity:.9}
.singer-ambient-glow:after{content:"";position:absolute;width:48vw;height:48vw;max-width:720px;max-height:720px;left:50%;top:58%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(194,24,112,.11),rgba(194,24,112,.025) 38%,transparent 68%);filter:blur(14px);animation:ambientPulse 5s ease-in-out infinite}
@keyframes starRise{0%{transform:translate3d(0,12%,0) scale(1)}50%{transform:translate3d(0,-5%,0) scale(1.02)}100%{transform:translate3d(0,-22%,0) scale(1.04)}}
@keyframes ambientPulse{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
body.area-public>*:not(.singer-ambient-glow),body.area-admin>*:not(.singer-ambient-glow),body.area-user>*:not(.singer-ambient-glow){position:relative;z-index:1}

/* Make the booking activity a true standalone content band, never visually swallowed by the footer. */
body.area-public .fp-bottom.singer-bottom{position:relative!important;z-index:4!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr) minmax(260px,.9fr)!important;align-items:stretch!important;gap:28px!important;margin:0!important;padding:48px clamp(28px,6vw,88px)!important;min-height:300px!important;background:linear-gradient(135deg,#10070d,#080407 48%,#150813)!important;border-top:1px solid rgba(232,62,140,.34)!important;border-bottom:1px solid rgba(232,62,140,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 -20px 60px rgba(194,24,112,.05)!important}
body.area-public .fp-bottom.singer-bottom:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#e83e8c,transparent);box-shadow:0 0 18px rgba(232,62,140,.4)}
body.area-public .fp-bottom.singer-bottom>div{min-width:0!important}
body.area-public .fp-live{min-width:0!important}
body.area-public .fp-live-viewport{height:205px!important;border:1px solid rgba(194,24,112,.16)!important;border-radius:15px!important;background:rgba(255,255,255,.015)!important;padding:0 15px!important}
body.area-public .fp-why,body.area-public .fp-live{padding:4px 0!important}
body.area-public .fp-cta{min-height:205px!important;height:100%!important}
body.area-public .fp-bottom.singer-bottom + .footer{position:relative!important;z-index:5!important;margin-top:0!important}

/* System updater: use the same dark-pink visual language instead of the old generic card. */
body.area-admin .content .updater-page{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)!important;gap:22px!important;align-items:stretch!important;margin:0!important}
body.area-admin .updater-card,body.area-admin .updater-info{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#180b14 0%,#0b0509 62%,#150710 100%)!important;border:1px solid rgba(232,62,140,.28)!important;border-radius:22px!important;box-shadow:0 25px 70px rgba(0,0,0,.42),0 0 35px rgba(194,24,112,.06)!important}
body.area-admin .updater-card:before,body.area-admin .updater-info:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-130px;background:radial-gradient(circle,rgba(232,62,140,.18),transparent 68%);pointer-events:none}
body.area-admin .updater-card:after{content:"✦  ·  ✧  ·  ✦  ·  ✧  ·  ✦";position:absolute;right:22px;bottom:18px;color:rgba(240,106,169,.14);font-size:22px;letter-spacing:8px;animation:updaterStars 4s ease-in-out infinite;pointer-events:none}
@keyframes updaterStars{0%,100%{transform:translateY(6px);opacity:.35}50%{transform:translateY(-8px);opacity:.9}}
body.area-admin .updater-card{padding:30px!important}
body.area-admin .updater-info{padding:28px!important}
body.area-admin .updater-hero{display:flex!important;align-items:center!important;gap:18px!important;position:relative;z-index:1;margin-bottom:25px!important}
body.area-admin .updater-orb{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#641039,#c21870,#e83e8c)!important;color:#fff0f7!important;font-size:22px!important;box-shadow:0 0 28px rgba(194,24,112,.25)!important;animation:updaterOrb 2.2s ease-in-out infinite!important}
@keyframes updaterOrb{0%,100%{transform:translateY(0);box-shadow:0 0 22px rgba(194,24,112,.2)}50%{transform:translateY(-5px);box-shadow:0 0 36px rgba(232,62,140,.42)}}
body.area-admin .updater-hero h2{margin:8px 0 4px!important;font-size:30px!important;color:#fff0f7!important}
body.area-admin .updater-hero p{max-width:720px!important;margin:0!important;color:#aa91a0!important}
body.area-admin .updater-version{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:15px 17px!important;margin-bottom:18px!important;border:1px solid rgba(194,24,112,.2)!important;border-radius:14px!important;background:rgba(194,24,112,.045)!important;position:relative;z-index:1}
body.area-admin .updater-version span{color:#c7aaba!important;font-size:13px!important;font-weight:700!important}
body.area-admin .updater-version strong{color:#f06aa9!important;font-size:22px!important}
body.area-admin .updater-form{position:relative;z-index:2}
body.area-admin .update-dropzone{min-height:190px!important;border:1px dashed rgba(232,62,140,.45)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(194,24,112,.06),rgba(255,255,255,.015))!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;padding:28px!important;cursor:pointer!important;transition:.25s!important}
body.area-admin .update-dropzone:hover{border-color:#f06aa9!important;background:rgba(194,24,112,.10)!important;box-shadow:0 0 32px rgba(194,24,112,.10)!important;transform:translateY(-2px)!important}
body.area-admin .update-dropzone input{display:none!important}
body.area-admin .update-drop-icon{width:58px!important;height:58px!important;border-radius:17px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#641039,#c21870,#e83e8c)!important;color:#fff!important;font-size:22px!important;box-shadow:0 0 24px rgba(194,24,112,.2)!important}
body.area-admin .update-dropzone strong{font-size:17px!important;color:#fff0f7!important}
body.area-admin .update-dropzone small{font-size:11px!important;color:#9f8595!important}
body.area-admin .update-file-name{margin:11px 0 15px!important;padding:10px 12px!important;border-radius:10px!important;background:#0a0508!important;border:1px solid rgba(194,24,112,.16)!important;color:#d5baca!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.area-admin .updater-submit{min-width:175px!important;border:0!important;background:linear-gradient(135deg,#641039,#c21870,#e83e8c)!important;color:#fff!important;box-shadow:0 10px 30px rgba(194,24,112,.24)!important}
body.area-admin .update-progress{margin-top:20px!important;padding:18px!important;border-radius:16px!important;border:1px solid rgba(194,24,112,.22)!important;background:#0a0508!important}
body.area-admin .update-progress[aria-hidden="true"]{display:none!important}
body.area-admin .update-progress-top{display:flex!important;justify-content:space-between!important;gap:15px!important;color:#cdb6c5!important;font-size:12px!important}
body.area-admin .update-progress-top strong{color:#f06aa9!important;font-size:18px!important}
body.area-admin .progress-track{height:10px!important;margin:12px 0 14px!important;border-radius:99px!important;overflow:hidden!important;background:#21101a!important;border:1px solid rgba(194,24,112,.2)!important}
body.area-admin .progress-track span{display:block!important;width:0;height:100%;border-radius:99px!important;background:linear-gradient(90deg,#641039,#c21870,#f06aa9)!important;box-shadow:0 0 18px rgba(232,62,140,.42)!important;transition:width .5s ease!important}
body.area-admin .update-steps{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important}
body.area-admin .update-steps span{padding:8px 5px!important;border-radius:8px!important;text-align:center!important;background:#13080f!important;color:#765c6c!important;font-size:9px!important;border:1px solid rgba(194,24,112,.10)!important}
body.area-admin .update-steps span.done{color:#f06aa9!important;border-color:rgba(232,62,140,.34)!important;background:rgba(194,24,112,.08)!important}
body.area-admin .updater-info h3{position:relative;z-index:1;color:#fff0f7!important;font-size:22px!important;margin-top:0!important}
body.area-admin .updater-info h3 i{color:#f06aa9!important}
body.area-admin .update-info-row{position:relative;z-index:1;display:flex!important;align-items:flex-start!important;gap:13px!important;padding:15px 0!important;border-bottom:1px solid rgba(194,24,112,.12)!important}
body.area-admin .update-info-row:last-child{border-bottom:0!important}
body.area-admin .update-info-row>i{width:38px!important;height:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:rgba(194,24,112,.10)!important;color:#f06aa9!important;flex:0 0 38px!important}
body.area-admin .update-info-row strong{display:block!important;color:#f8dce9!important;font-size:13px!important}
body.area-admin .update-info-row small{display:block!important;color:#947d8b!important;font-size:10px!important;line-height:1.5!important;margin-top:3px!important}
body.area-admin .updater-card .eyebrow{background:rgba(194,24,112,.10)!important;color:#f06aa9!important;border:1px solid rgba(232,62,140,.18)!important}
@media(max-width:900px){body.area-admin .content .updater-page{grid-template-columns:1fr!important}body.area-admin .update-steps{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){body.area-public .fp-bottom.singer-bottom{grid-template-columns:1fr!important;padding:34px 16px!important}.fp-bottom.singer-bottom .fp-cta{grid-column:auto!important}body.area-admin .updater-card{padding:20px!important}.update-steps{grid-template-columns:1fr!important}}