@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#07111f;--panel:#0d1b2e;--panel2:#10243c;--text:#eef6ff;--muted:#91a4ba;--line:rgba(255,255,255,.09);--primary:#4f8cff;--secondary:#7b61ff;--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,#07111f,#0a1627 50%,#07111f);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(79,140,255,.25)}.brand b{color:#7ea8ff}.desktop-nav{display:flex;align-items:center;gap:22px;font-weight:600}.desktop-nav>a:not(.btn):hover{color:#8eb4ff}.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(79,140,255,.12);color:#8fb5ff;font-weight:700}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;margin:18px 0}.hero h1 span{color:#80aaff}.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(79,140,255,.2),transparent 40%),linear-gradient(145deg,#0e2138,#0b1728);position:relative;overflow:hidden;box-shadow:var(--shadow)}.orb{position:absolute;border-radius:50%;filter:blur(1px);background:linear-gradient(135deg,#4f8cff,#7b61ff);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,#4f8cff)}.orb.o3{width:120px;height:120px;right:22%;bottom:18%;background:linear-gradient(135deg,#ff5c7a,#7b61ff)}.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:#142a45;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:#8db3ff}.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,#4f8cff,#7b61ff);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:#86adff}.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(79,140,255,.12);color:#8fb5ff;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:#081627;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:#5b93ff}.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:#091625;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(79,140,255,.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:#86adff}.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:#0d1b2e}.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:#f5c84b;--gold2:#ffdc73;--gold3:#b98310;--gold-soft:#ffe7a0;
 --black:#070706;--black2:#0d0d0b;--black3:#14130f;--panel-gold:#17150f;
 --gold-line:rgba(245,200,75,.28);--gold-glow:rgba(245,200,75,.18);--green:#20e38b;--red:#ff5367;
 --lux-shadow:0 18px 50px rgba(0,0,0,.42),0 0 28px rgba(245,200,75,.05);
}
html,body{background:#050505!important;color:#f6f2e7!important}
body{font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 75% 0%,rgba(245,200,75,.10),transparent 28%),linear-gradient(135deg,#050505,#0b0a07 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(245,200,75,.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(245,200,75,.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,#ffe07a)!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(245,200,75,.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(245,200,75,.15),transparent 28%),radial-gradient(circle at 10% 70%,rgba(184,131,16,.12),transparent 28%),linear-gradient(135deg,#090907,#15130d 52%,#070706)!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,#f5c84b,#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(245,200,75,.09)!important;border-color:rgba(245,200,75,.32)!important;color:var(--gold2)!important}
body.area-public .sketch-btn.primary{background:linear-gradient(135deg,#9a6906,#f5c84b,#a16c08)!important;color:#0b0904!important;box-shadow:0 10px 25px rgba(245,200,75,.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:#11100c!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:#15130e!important;color:var(--gold2)!important;border:1px solid var(--gold-line);box-shadow:inset 0 0 20px rgba(245,200,75,.04)}
body.area-public .packages-work{background:linear-gradient(135deg,#090907,#14120d)!important;border-top:1px solid rgba(245,200,75,.08);border-bottom:1px solid rgba(245,200,75,.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,#15140f,#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,#f4c84d)!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:#070706!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,#050504,#0b0a07 52%,#070706)!important}
body.area-user .sidebar,body.area-admin .sidebar,body.area-franchisee .sidebar{width:238px;flex-basis:238px;background:linear-gradient(180deg,#090907,#050504)!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(245,200,75,.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,#0c0b08)!important;border:1px solid var(--gold-line);box-shadow:inset 0 0 25px rgba(245,200,75,.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,#f4c84d)!important;color:#0a0905;border:2px solid #d6aa37;box-shadow:0 0 16px rgba(245,200,75,.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(245,200,75,.19),rgba(245,200,75,.03))!important;color:#fff7d8!important;border-color:rgba(245,200,75,.45);box-shadow:0 0 20px rgba(245,200,75,.08),inset 0 0 20px rgba(245,200,75,.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(245,200,75,.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(245,200,75,.35);border-radius:22px;background:#0d0c09;display:flex;align-items:center;padding:0 14px;color:#8f865f;box-shadow:inset 0 0 15px rgba(245,200,75,.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(245,200,75,.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(245,200,75,.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,#15140f,#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(245,200,75,.55);transform:rotate(-9deg);box-shadow:0 -7px 0 rgba(245,200,75,.12),0 -14px 0 rgba(245,200,75,.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(245,200,75,.2)!important}.table td{color:#d8cfbc;border-bottom-color:rgba(255,255,255,.055)!important}.table tr:hover td{background:rgba(245,200,75,.035)}
body.area-user .btn-primary,body.area-admin .btn-primary,body.area-franchisee .btn-primary{background:linear-gradient(135deg,#9c6907,#f4c84d,#a46e07)!important;color:#0a0905!important;border:0!important;box-shadow:0 9px 22px rgba(245,200,75,.15)}
body.area-user .btn-ghost,body.area-admin .btn-ghost,body.area-franchisee .btn-ghost{background:#11100c!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(245,200,75,.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,#17150f,#0b0b09)!important;border-color:var(--gold-line)!important;box-shadow:var(--lux-shadow)!important}.field input,.field select,.field textarea{background:#090907!important;border-color:rgba(245,200,75,.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(245,200,75,.08)}
/* animated luxury effects */
@keyframes goldPulse{0%,100%{box-shadow:0 0 0 rgba(245,200,75,0)}50%{box-shadow:0 0 24px rgba(245,200,75,.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(245,200,75,.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,#f5cd59,#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:#070706!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:#0b0905;border:2px solid #d7ae3e;box-shadow:0 0 20px rgba(245,200,75,.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(245,200,75,.35);border-radius:13px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,rgba(245,200,75,.13),rgba(245,200,75,.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(245,200,75,.55);border-radius:15px;background:radial-gradient(circle at 12% 50%,rgba(245,200,75,.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(245,200,75,.12);box-shadow:0 0 0 18px rgba(245,200,75,.04),0 0 0 36px rgba(245,200,75,.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(245,200,75,.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(245,200,75,.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(245,200,75,.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(245,200,75,.2);background:#090907;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:#0b0905}.social-row{display:flex;gap:8px}.social-row a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#15130e;border:1px solid rgba(245,200,75,.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(245,200,75,.4);border-radius:15px;background:radial-gradient(circle at 80% 50%,rgba(245,200,75,.14),transparent 28%),linear-gradient(135deg,#15120a,#0b0a07);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,#f4c950);color:#0b0905;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(245,200,75,.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:#f5c84b;
  --gold-bright:#ffe58a;
  --gold-dark:#9b6805;
  --gold-deep:#5d3b00;
  --black:#070706;
  --black-2:#0d0c09;
  --black-3:#15130e;
  --black-4:#1c1810;
  --cream:#fff7df;
  --muted-gold:#b9aa87;
  --gold-border:rgba(245,200,75,.28);
  --gold-border-strong:rgba(245,200,75,.58);
  --gold-shadow:0 16px 45px rgba(0,0,0,.48),0 0 28px rgba(245,200,75,.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:#070706!important;color:#f8f0dc!important;
  background-image:radial-gradient(circle at 85% 5%,rgba(245,200,75,.09),transparent 28%),radial-gradient(circle at 5% 80%,rgba(245,200,75,.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(245,200,75,.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(245,200,75,.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:#080705!important;
  border:1px solid rgba(255,229,138,.55);box-shadow:0 0 24px rgba(245,200,75,.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:#0c0b08!important;border:1px solid var(--gold-border-strong)!important}
.header-register{color:#080704!important;background:linear-gradient(135deg,#a06c08,#f6cf59,#b77b0b)!important;border:1px solid #f9d66c!important;box-shadow:0 7px 24px rgba(245,200,75,.2)!important}
.header-register:hover,.header-login:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(245,200,75,.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(245,200,75,.14),transparent 23%),linear-gradient(115deg,#090806,#0b0a07 50%,#070706)!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(245,200,75,.16);box-shadow:0 0 0 24px rgba(245,200,75,.025),0 0 0 52px rgba(245,200,75,.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(245,200,75,.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,#f5c84b,#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(245,200,75,.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,#9b6805,#f7d260 48%,#a66f08)!important;border:1px solid #f6d66d!important;box-shadow:0 9px 28px rgba(245,200,75,.18)!important;font-size:14px!important}
.sketch-btn.outline,.btn-ghost{color:var(--gold-bright)!important;background:#0c0b08!important;border:1px solid var(--gold-border-strong)!important}
.sketch-btn:hover,.btn:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(245,200,75,.18)!important}

/* Hero art / network */
.hero-network,.hero-art{background:radial-gradient(circle at 50% 50%,rgba(245,200,75,.1),transparent 36%),linear-gradient(145deg,#11100b,#070706)!important;border-color:var(--gold-border)!important;box-shadow:var(--gold-shadow)!important}
.network-node,.node{background:linear-gradient(145deg,#19160e,#0c0b08)!important;border:2px solid rgba(245,200,75,.42)!important;box-shadow:0 0 22px rgba(245,200,75,.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:#080704!important;border:3px solid #fff2b0!important;box-shadow:0 0 35px rgba(245,200,75,.28)!important;animation:goldPulse 2.5s ease-in-out infinite}
.network-lines{border-color:rgba(245,200,75,.28)!important}
.floating-features{background:rgba(245,200,75,.08)!important;border:1px solid rgba(245,200,75,.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(245,200,75,.22)!important}

/* Counter strip */
.counter-bar{background:#0b0a07!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:#0b0905!important;border:1px solid #f6d66d!important;box-shadow:0 0 18px rgba(245,200,75,.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(245,200,75,.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,#090806,#0c0b08)!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,#0c0b08)!important;border:1px solid rgba(245,200,75,.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(245,200,75,.13)!important}
.package-head{background:linear-gradient(135deg,#8d5e04,#f0c348,#9c6805)!important;color:#090704!important}
.package-head *{color:#090704!important}
.package-body{background:#0d0c09!important}
.package-price{color:#ffe07a!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,#9b6805,#f5ce5b)!important;color:#080704!important;border:1px solid #f7d96f!important;font-size:13px!important}

/* How it works */
.how-card{background:linear-gradient(145deg,#14120d,#090806)!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(245,200,75,.08)!important}
.step>b{background:linear-gradient(135deg,#9d6805,#f6ce59)!important;color:#080704!important}
.step-icon{background:rgba(245,200,75,.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(245,200,75,.11)!important;min-height:60px!important}.activity-avatar{background:linear-gradient(135deg,#8d5e05,#f3cb57)!important;color:#080704!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:#090704!important;border:1px solid #f7d96e!important;box-shadow:0 18px 40px rgba(245,200,75,.12)!important}.ready-card *{color:#090704!important}.ready-card a{background:#080704!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,#15130e,#0c0b08)!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,#f2c84e)!important;color:#080704!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:#090704!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(245,200,75,.08),transparent 35%)!important}
.form-card{background:linear-gradient(145deg,#17150f,#0b0a08)!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(245,200,75,.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(245,200,75,.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:#0c0b08!important;border-color:var(--gold-border)!important;box-shadow:var(--gold-shadow)!important}.table th{background:#15130e!important;color:#d8bc67!important;font-size:13px!important}.table td{color:#ded5c1!important;border-bottom-color:rgba(245,200,75,.09)!important;font-size:13px!important}.table tr:hover td{background:rgba(245,200,75,.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(245,200,75,.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,#090806,#0d0c09 65%,#070706)!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,#0c0b08)!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,#9b6805,#f4cc57)!important;color:#090704!important;border:1px solid #f5d66c!important;box-shadow:0 0 16px rgba(245,200,75,.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(245,200,75,.16),rgba(245,200,75,.035))!important;border-color:rgba(245,200,75,.2)!important;box-shadow:inset 3px 0 0 #f5c84b,0 7px 20px rgba(0,0,0,.18)!important;transform:translateX(3px)}
.side-nav a:hover i,.side-nav a.active i{color:#ffe18a!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:#0e0d0a!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,#17150f,#0b0a08)!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(245,200,75,.14),transparent 68%);animation:goldFloat 4s ease-in-out infinite}
.mini-stat .icon{color:#080704!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(245,200,75,.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(245,200,75,.17),transparent 25%),linear-gradient(135deg,#17130a,#0b0a07)!important;box-shadow:var(--gold-shadow)!important}.luxury-banner h2,.luxury-cta h2{font-size:24px!important;color:#ffe08a!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:#080704!important;box-shadow:0 0 22px rgba(245,200,75,.14)}
.chart-card .chart-total{font-size:21px!important;color:#f6d56e!important}.gold-bar{background:linear-gradient(180deg,#ffe78e,#b67804)!important}.growth-track{background:#070706!important;border-color:rgba(245,200,75,.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:#080704!important}.social-row a{background:#11100c!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:#070706!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(245,200,75,0),0 0 0 rgba(245,200,75,0)}50%{box-shadow:0 0 28px rgba(245,200,75,.18),0 0 55px rgba(245,200,75,.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:#050504;--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:#050504!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:#050504!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,#070706 0%,#0a0907 48%,#050504 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:#080704!important;box-shadow:0 0 18px rgba(246,201,79,.22)!important}
.sidebar-brand strong{color:#ffe08a!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,#0c0b08)!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%,#100e09 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:#f2c84e!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:#0b0a08!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:#0c0b08!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:#0b0a08!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:#0b0a08}.top-profile-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f9e29a,#a56d06);color:#0b0905;border:1px solid #ffe18a}.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:#0c0b08}.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:#ffe08a!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:#080704!important;border:1px solid #ffe08a!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:#090806!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 #f3ca54!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,#0b0a07)!important}.banner-gift{width:74px!important;height:64px!important;background:linear-gradient(145deg,#a46d04,#ffe18a)!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:#0b0905;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}