:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eff7fc;background:#08101d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 0,#153b4c 0,transparent 32%),#08101d}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:0 26px}.top{height:78px;border-bottom:1px solid #ffffff1a;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:850;font-size:23px;letter-spacing:-1.2px;display:flex;align-items:center;gap:11px}.mark{background:#61e2bf;color:#082420;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:900}.brand b{color:#61e2bf}.nav{display:flex;gap:27px;color:#a9bbca;font-size:14px}.nav a:hover{color:#fff}.btn{border:0;background:#67e3c0;color:#082820;border-radius:10px;padding:13px 19px;font-weight:750}.outline{border:1px solid #4a6172;background:#ffffff0a;color:#fff;border-radius:10px;padding:12px 19px;font-weight:700}.top .btn{padding:11px 17px}.hero{display:grid;grid-template-columns:1fr .95fr;gap:54px;align-items:center;padding-top:80px;padding-bottom:80px}.eyebrow{color:#6de9c8;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(46px,5.4vw,76px);line-height:1.06;letter-spacing:-4px;margin:22px 0}.hero h1 em{font-style:normal;color:#6be5c5}.lead{color:#afc1d0;font-size:18px;line-height:1.7;max-width:540px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.note{font-size:13px;color:#8fa9b9;line-height:1.6}.preview{background:linear-gradient(145deg,#183347,#101d32);border:1px solid #4a6974;border-radius:23px;padding:25px;box-shadow:0 32px 75px #0008;transform:rotate(2deg)}.previewhead{display:flex;align-items:center;gap:8px;color:#a9bdc9;font-size:13px;margin-bottom:30px}.smallmark{width:27px;height:27px;border-radius:8px;background:#68e3c1;color:#123329;display:grid;place-items:center;font-weight:850}.previewhead span:last-child{margin-left:auto}.preview h2{font-size:30px;letter-spacing:-1.3px;margin:0 0 7px}.muted{color:#a8bcca;line-height:1.55}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.metric{border:1px solid #ffffff1d;background:#ffffff08;padding:18px;border-radius:12px}.metric strong{display:block;font-size:27px;margin:8px 0}.metric span{font-size:12px;color:#abc0cc}.bar{border:1px solid #ffffff1b;background:#0b1c2c;border-radius:12px;padding:17px;display:flex;justify-content:space-between;gap:12px;color:#b9cdd7;font-size:14px}.bar b{color:#70e6c3}.section{padding:40px 0 85px}.sectionhead{text-align:center;max-width:680px;margin:0 auto 32px}.sectionhead h2{font-size:clamp(32px,4vw,48px);letter-spacing:-2px;margin:13px 0}.sectionhead p{color:#aebfcd;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#111e30;border:1px solid #304b5a;border-radius:17px;padding:25px}.number{color:#66e3c0;font-weight:800}.card h3{font-size:20px;margin:18px 0 8px}.card p{color:#a8bdcb;line-height:1.65;font-size:15px;margin:0}.plan{max-width:650px;margin:auto;background:linear-gradient(145deg,#193849,#122337);border:1px solid #6ae5c1;border-radius:20px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.plan h3{font-size:25px;margin:8px 0}.plan p{color:#b1c5d0;line-height:1.6;margin-bottom:0}.price{font-size:30px;font-weight:800;white-space:nowrap}.price small{display:block;color:#a7c3cd;font-size:13px;font-weight:500;text-align:right}.notice{max-width:650px;margin:16px auto 0;color:#a9bbc8;font-size:13px;line-height:1.6}.footer{border-top:1px solid #ffffff1a;color:#8ca7b7;padding:30px 0;font-size:13px;display:flex;justify-content:space-between;gap:20px}.modal{position:fixed;inset:0;background:#020811d9;display:none;align-items:center;justify-content:center;padding:18px;z-index:4}.modal.open{display:flex}.dialog{width:min(100%,460px);max-height:95vh;overflow:auto;background:#132437;border:1px solid #55717c;border-radius:20px;padding:28px}.dialogtop{display:flex;justify-content:space-between;align-items:center}.close{background:none;border:0;color:#bdd0d6;font-size:29px}.dialog h2{letter-spacing:-1px;margin:14px 0 5px}.tabs{display:flex;background:#0b1a2b;border-radius:10px;padding:4px;margin:20px 0}.tabs button{flex:1;border:0;background:none;color:#9cb7c5;padding:10px;border-radius:8px}.tabs button.active{background:#29465a;color:#fff}.field{display:grid;gap:7px;color:#dceaf0;font-weight:600;font-size:14px;margin:15px 0}.field input{background:#091929;color:#fff;border:1px solid #466072;border-radius:9px;padding:13px;min-width:0}.field input:focus{outline:2px solid #6fe6c1}.dialog .btn{width:100%;margin-top:10px}.error{color:#ffb7b7;font-size:14px;min-height:20px}.dashboard{display:none;padding:60px 0 90px}.dashboard.open{display:block}.dashhero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.dashhero h1{font-size:clamp(32px,4vw,48px);letter-spacing:-2px;margin:10px 0}.dashgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.dashbox{background:#122238;border:1px solid #365263;border-radius:17px;padding:28px}.dashbox h2{margin:8px 0 13px;font-size:22px}.linkbox{display:flex;gap:10px;margin-top:18px}.linkbox input{flex:1;min-width:0;background:#091827;color:#d9eaf0;border:1px solid #486474;border-radius:9px;padding:13px}.pill{display:inline-block;color:#b9e9d9;background:#164334;border-radius:30px;padding:8px 11px;font-size:13px}.dashboard .muted{font-size:15px}.status{color:#a9bdca;font-size:13px;margin-top:12px}.hide{display:none!important}@media(max-width:850px){.hero,.dashgrid{grid-template-columns:1fr}.preview{transform:none;max-width:600px}.nav{display:none}.grid{grid-template-columns:1fr}.hero{padding-top:55px}}@media(max-width:600px){.wrap{padding:0 18px}.top{height:68px}.brand{font-size:19px}.top .btn{font-size:13px;padding:10px}.hero h1{letter-spacing:-2.6px}.lead{font-size:16px}.preview{padding:18px}.plan,.dashhero{display:block}.price{margin-top:18px}.price small{text-align:left}.footer{display:block}.footer span{display:block;margin-bottom:9px}.linkbox{flex-direction:column}}
/* Learnoa visual identity */
:root{color:#eef6f2;background:#070d11}body{background:radial-gradient(circle at 78% 16%,#173c38 0,transparent 32%),radial-gradient(circle at 8% 65%,#16242b 0,transparent 35%),#070d11}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#d1ffea07 1px,transparent 1px),linear-gradient(90deg,#d1ffea07 1px,transparent 1px);background-size:60px 60px}.wrap{max-width:1320px;padding-left:clamp(20px,4vw,58px);padding-right:clamp(20px,4vw,58px)}.top{height:88px;border-bottom-color:#b4f9cd27}.brand{font-size:25px;letter-spacing:-1.6px}.mark,.smallmark{background:#c8ff61;color:#12200a;box-shadow:0 0 30px #c8ff6140}.brand b{color:#c8ff61}.nav{letter-spacing:.03em}.btn{background:#c8ff61;color:#17200e;border-radius:4px;padding:15px 22px;box-shadow:0 8px 30px #c8ff6123;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #c8ff6147}.outline{border-color:#a7c6b988;border-radius:4px;transition:background .18s}.outline:hover{background:#e4ffe916}.hero{min-height:650px;padding-top:83px;padding-bottom:94px;grid-template-columns:1.06fr .94fr;gap:clamp(28px,5vw,80px)}.eyebrow{color:#c8ff61;letter-spacing:2.6px}.signal{display:inline-block;width:9px;height:9px;border-radius:50%;background:#c8ff61;box-shadow:0 0 14px #c8ff61;margin-right:10px}.hero h1{font-size:clamp(58px,6.4vw,104px);line-height:.97;letter-spacing:-.075em;margin:30px 0 27px;font-weight:850}.hero h1 em{color:#c8ff61}.lead{font-size:18px;color:#b6c9c4;max-width:540px}.actions{margin-top:34px}.note{color:#8da9a4}.preview{position:relative;overflow:hidden;transform:rotate(2deg);padding:27px;background:linear-gradient(155deg,#193b39,#0d2027 63%,#0a171f);border:1px solid #88d4bd68;border-radius:14px;box-shadow:0 55px 110px #000b,0 0 80px #9affc315}.preview:before{content:"";position:absolute;right:-114px;top:68px;width:300px;height:300px;border:1px solid #c8ff6150;border-radius:50%;box-shadow:0 0 0 44px #c8ff6109,0 0 0 87px #c8ff6107;pointer-events:none}.preview:after{content:"✳";position:absolute;right:25px;top:88px;color:#c8ff61;font-size:90px;line-height:1;opacity:.9;pointer-events:none}.previewhead{position:relative;z-index:1;letter-spacing:.12em;font-size:11px;font-weight:800;border-bottom:1px solid #badbcb34;padding-bottom:20px;margin-bottom:58px}.previewhead span:last-child{letter-spacing:.04em}.visualLabel{font-size:11px;color:#c8ff61;font-weight:800;letter-spacing:2px;position:relative;z-index:1}.preview h2{position:relative;z-index:1;font-size:clamp(31px,3.2vw,49px);letter-spacing:-.06em;line-height:1.04;margin:14px 0}.preview h2 i{font-style:normal;color:#c8ff61}.preview .muted{position:relative;z-index:1}.metrics{position:relative;z-index:1;margin-top:47px}.metric{border-radius:7px;background:#02141a99;border-color:#8abeae45}.metric strong{font-size:24px}.bar{position:relative;z-index:1;border-radius:7px;background:#c8ff61;color:#182410;font-size:11px;font-weight:800;letter-spacing:.05em;border:0}.bar b{color:#17260e}.ticker{background:#c8ff61;color:#16220e;transform:skewY(-1.2deg);margin:0 0 40px}.tickerInner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:67px;font-size:12px;letter-spacing:2px;font-weight:900}.ticker b{font-size:25px}.section{padding-top:70px;padding-bottom:92px}.sectionhead h2{font-size:clamp(37px,4.7vw,64px);letter-spacing:-.065em}.sectionhead h2 em{font-style:normal;color:#c8ff61}.sectionhead p{color:#b1c7c0}.grid{gap:16px}.card{position:relative;background:linear-gradient(150deg,#142a2e,#101b25);border:1px solid #4d736d75;border-radius:8px;padding:33px;min-height:245px;overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:#c8ff61}.card:after{content:"↗";position:absolute;right:23px;top:22px;font-size:23px;color:#c8ff61}.number{color:#c8ff61;font-size:12px;letter-spacing:2px}.card h3{font-size:25px;letter-spacing:-.05em;margin-top:38px}.card p{color:#aec6bf}.plan{max-width:760px;background:linear-gradient(125deg,#1c3c37,#10232d);border-color:#c8ff61;border-radius:9px;padding:39px;box-shadow:15px 15px 0 #c8ff6114}.plan h3{font-size:32px;letter-spacing:-.05em}.price{font-size:38px;letter-spacing:-.06em;color:#c8ff61}.notice{max-width:760px}.footer{border-top-color:#b4f9cd27}.dialog,.dashbox{background:#12242b;border-color:#668b8073;border-radius:11px}.tabs button.active{background:#31564b}.field input{border-radius:5px}.pill{background:#c8ff6125;color:#c8ff61}.dashbox h2{letter-spacing:-.04em}.dashboard .eyebrow{color:#c8ff61}@media(max-width:850px){.hero{min-height:0;grid-template-columns:1fr}.preview{transform:none}.tickerInner{flex-wrap:wrap;justify-content:center;padding-top:14px;padding-bottom:14px}.tickerInner span:last-child,.tickerInner b:last-of-type{display:none}}@media(max-width:600px){.hero{padding-top:62px;padding-bottom:68px}.hero h1{font-size:clamp(51px,13vw,76px);letter-spacing:-.07em}.preview:after{font-size:64px;right:17px}.previewhead{margin-bottom:43px}.metrics{margin-top:35px}.tickerInner{font-size:10px;gap:10px}.tickerInner span:nth-of-type(3),.tickerInner b:nth-of-type(2){display:none}.section{padding-top:56px;padding-bottom:70px}.card{min-height:0}.plan{padding:27px}}

/* Member dashboard */
.dashboard{max-width:1500px;padding-top:26px;padding-bottom:80px}.dashShell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:730px;background:#0c1a1a;border:1px solid #577c6175;border-radius:13px;overflow:hidden;box-shadow:0 35px 90px #0008}.dashSide{background:#0a1717;border-right:1px solid #ffffff19;padding:27px 17px;display:flex;flex-direction:column}.sideBrand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:850;letter-spacing:.04em;margin:2px 7px 56px}.sideBrand small{display:block;font-size:9px;color:#8bb09f;letter-spacing:2px;margin-top:3px}.sideLogo{width:35px;height:35px;background:#c8ff61;color:#17240d;border-radius:8px;display:grid;place-items:center;font-size:20px}.sideGroup{font-size:10px;letter-spacing:2px;color:#79998a;margin:0 13px 13px;font-weight:800}.sideItem{display:flex;align-items:center;gap:14px;padding:13px 14px;border:0;border-radius:7px;background:transparent;color:#aac2b6;text-decoration:none;font-size:14px;text-align:left;width:100%;cursor:pointer}.sideItem:hover,.sideItem.selected{background:#c8ff611b;color:#d4ff88}.sideBottom{margin-top:auto}.dashMain{padding:0 32px 30px;min-width:0}.dashTop{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1b;font-size:11px;letter-spacing:1.2px;color:#8ba99a;font-weight:800}.dashDivider{color:#c8ff61;margin:0 10px}.dashLive{color:#c8ff61}.dashLive i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c8ff61;box-shadow:0 0 12px #c8ff61;margin-right:8px}.dashboard .dashhero{margin:40px 0 26px}.dashboard .dashhero h1{font-size:clamp(32px,4vw,51px);margin:8px 0}.dashboard .dashhero p{margin:0}.memberBadge{border:1px solid #c8ff616b;color:#c8ff61;border-radius:30px;padding:10px 13px;font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap}.dashStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashStat{background:linear-gradient(145deg,#18312a,#102622);border:1px solid #5d806a66;border-radius:9px;padding:22px;min-height:160px}.dashStat.accent{background:#c8ff61;border-color:#c8ff61;color:#14220d}.dashStatTop{display:flex;justify-content:space-between;gap:10px;color:#a8c6b1;font-size:10px;letter-spacing:1.1px;font-weight:800}.dashStatTop span{font-size:20px;line-height:10px;color:#c8ff61}.dashStat.accent .dashStatTop,.dashStat.accent .dashStatTop span{color:#3a5924}.dashStat strong{font-size:46px;letter-spacing:-.06em;display:block;margin:12px 0 3px}.dashStat small{font-size:12px;color:#9eb9ac}.dashStat.accent small{color:#365126}.dashColumns{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:15px}.dashPanel{position:relative;background:#122921;border:1px solid #5d806a66;border-radius:9px;padding:27px;min-width:0}.dashPanel h2{font-size:23px;letter-spacing:-.04em;margin:12px 0 9px}.dashPanel .muted{font-size:14px;line-height:1.65}.panelIcon{position:absolute;right:24px;top:17px;color:#c8ff61;font-size:28px}.invitePanel .linkbox{margin:26px 0 0}.invitePanel .linkbox input{background:#081b17;border-color:#729277;border-radius:5px;font-size:13px}.inviteNote{border-top:1px solid #ffffff1c;margin-top:23px;padding-top:17px;color:#83a794;font-size:10px;letter-spacing:1px;font-weight:750}.networkLine{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff20;padding:18px 0}.networkLine:first-of-type{margin-top:20px}.networkIcon{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:7px;background:#c8ff6120;color:#c8ff61;font-weight:850;font-size:12px}.networkLine div{flex:1}.networkLine b{font-size:14px}.networkLine p{color:#8dad9c;font-size:12px;margin:5px 0 0}.networkLine strong{color:#c8ff61;font-size:24px}.networkFoot{font-size:12px;color:#8faf9d;border-top:1px solid #ffffff20;padding-top:16px}.dashFoot{display:flex;justify-content:space-between;gap:15px;color:#83a392;font-size:12px;padding-top:23px}@media(max-width:1050px){.dashShell{grid-template-columns:74px 1fr}.dashSide{padding:22px 9px}.sideBrand{margin:0 auto 45px}.sideBrand>span:last-child,.sideGroup,.sideItem span,.sideBottom .sideGroup{display:none}.sideItem{justify-content:center;font-size:22px;padding:12px}.dashColumns{grid-template-columns:1fr}}@media(max-width:700px){.dashboard{padding:15px 12px 40px}.dashShell{display:block}.dashSide{display:none}.dashMain{padding:0 17px 23px}.dashTop{font-size:9px;height:57px}.dashLive{display:none}.dashboard .dashhero{margin:27px 0 22px}.memberBadge{display:none}.dashStats{grid-template-columns:1fr 1fr}.dashStat{padding:17px;min-height:135px}.dashStat.accent{grid-column:1/-1;min-height:110px}.dashStat strong{font-size:36px}.dashStatTop{font-size:9px}.dashPanel{padding:22px}.dashFoot{display:block}.dashFoot span{display:block;margin-top:7px}}
.usernameForm{margin-top:22px;padding:18px;background:#091d17;border:1px solid #6b947570;border-radius:6px}.usernameForm label{display:block;font-size:12px;font-weight:800;letter-spacing:.04em;color:#c7ebcf}.usernameForm .linkbox{margin-top:9px;margin-bottom:8px}.usernameForm small{font-size:12px;color:#9bbbaa}.usernameForm button:disabled{opacity:.5;cursor:not-allowed}
/* Midnight finance visual system */
:root{color:#eefdf8;background:#06151c}body{background:radial-gradient(ellipse at 80% -10%,#1b5554 0,transparent 36%),radial-gradient(ellipse at 2% 48%,#142b50 0,transparent 42%),#06151c}body:before{background-image:linear-gradient(#a2ffec08 1px,transparent 1px),linear-gradient(90deg,#a2ffec08 1px,transparent 1px);background-size:64px 64px}.top{height:88px;background:#081a21c9;backdrop-filter:blur(18px);position:relative;z-index:5;border-bottom-color:#9fffe526}.mark,.smallmark,.sideLogo{background:linear-gradient(135deg,#a5ffe4,#43ddba);color:#062820;box-shadow:0 0 45px #70f5d06b}.brand b,.eyebrow,.visualLabel,.number,.dashStatTop span,.panelIcon,.networkLine strong{color:#79f4d0}.btn,.bar{background:linear-gradient(120deg,#a7ffe7,#48e8c5);color:#08261f;box-shadow:0 12px 38px #50f7c232}.btn:hover{box-shadow:0 16px 48px #50f7c26b}.outline{border-color:#80e2d5a6}.hero{min-height:690px;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;width:430px;height:430px;border-radius:50%;background:#43ecc625;filter:blur(70px);right:7%;top:15%;z-index:-1;pointer-events:none}.hero h1{font-size:clamp(58px,7vw,108px);line-height:.95;max-width:700px;text-wrap:balance}.hero h1 em,.sectionhead h2 em{color:#80f5d3}.lead{font-size:19px}.preview{transform:rotate(1deg);background:radial-gradient(circle at 90% 12%,#60e9ce38,transparent 43%),linear-gradient(145deg,#19444b,#0c2635 63%,#0b1b2d);border-color:#8dfce6a0;box-shadow:0 45px 115px #000b,0 0 85px #60efd128;border-radius:23px;min-height:470px}.preview:before{border-color:#83ffe479;box-shadow:0 0 0 35px #62f8dc10,0 0 0 80px #62f8dc09}.preview:after{content:'↗';font-size:140px;right:20px;top:95px;color:#80f5d3;opacity:.75}.preview h2 i{color:#8cf6d8}.preview .metric{background:#071b28dd;border:1px solid #89f3da6b}.ticker{background:linear-gradient(90deg,#65edce,#aaf4e1,#68dce8);color:#062925}.card,.plan,.dashPanel,.dashStat,.dashbox{background:linear-gradient(145deg,#13313b,#0d2333);border-color:#6cafa374;box-shadow:0 16px 42px #0003}.card:hover{border-color:#80f5d3}.card:after,.price,.pill,.dashLive{color:#80f5d3}.plan{background:radial-gradient(circle at 95% 2%,#80f5d333,transparent 34%),linear-gradient(125deg,#153c41,#102837);border-color:#8bf7db}.dashboard .dashShell{background:#0b202b;border-color:#86c9bd7d;box-shadow:0 50px 120px #000a}.dashSide{background:linear-gradient(180deg,#0c2730,#0a1b29)}.sideItem:hover,.sideItem.selected{background:#77f8d31d;color:#8cf8d9}.dashStat.accent{background:linear-gradient(135deg,#a4ffe6,#59e8ce);color:#062820;border-color:#a4ffe6}.dashStat.accent .dashStatTop,.dashStat.accent .dashStatTop span,.dashStat.accent small{color:#1d6556}.invitePanel{background:radial-gradient(circle at 100% 0,#62efca22,transparent 45%),linear-gradient(145deg,#12383c,#102c38)}.memberBadge{color:#8af4d7;border-color:#8af4d790}.refMetrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:15px 0}.refMetrics>div{background:#081e2a;border:1px solid #5baea478;border-radius:9px;padding:12px}.refMetrics small,.balancePanel span,.balancePanel small{display:block;color:#a0c7bb;font-size:11px}.refMetrics strong{display:block;color:#a6ffe3;font-size:25px;margin-top:5px}.balancePanel{background:linear-gradient(120deg,#194640,#114453);border:1px solid #7df9d2;border-radius:12px;padding:18px;margin:17px 0}.balancePanel strong{display:block;color:#adffe4;font-size:34px;margin:5px 0}.balancePanel b{color:#e3fff7}.withdrawalForm{display:grid;gap:10px}.withdrawalForm label{display:grid;gap:6px;font-size:12px;color:#d3eee2}.withdrawalForm input{width:100%;min-width:0;background:#081c26;border:1px solid #639f98;border-radius:7px;color:#fff;padding:11px}.withdrawalForm .btn{width:100%;margin-top:7px}.withdrawalForm button:disabled{opacity:.55;cursor:not-allowed}.withdrawalRecord{background:#0a2330;padding:10px;border-radius:6px;border:1px solid #416f6b}.linkbox input,.usernameForm{background:#081d27}.dashFoot{color:#9ac1b5}@media(max-width:850px){.preview{transform:none;min-height:0}}@media(max-width:600px){.top{height:auto}.hero h1{font-size:clamp(51px,13vw,75px)}.preview:after{font-size:90px}.refMetrics{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:no-preference){.hero>div:first-child{animation:appear .6s ease-out both}.preview{animation:appear .8s ease-out .1s both}@keyframes appear{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}}
#how-it-works .notice{max-width:none;background:#0e343a;border:1px solid #5fa99f8c;border-radius:10px;padding:20px;margin-top:16px;color:#d9f6e9}#how-it-works .notice strong{color:#9cffe2}
/* Earnings-focused member experience. Existing IDs connect to server data. */
:root{color:#edf7ff;background:#07111e}body{background:radial-gradient(ellipse at 90% 0,#12394b 0,transparent 40%),radial-gradient(ellipse at 0 70%,#15263f 0,transparent 35%),#07111e}body:before{opacity:.25}.top{background:transparent;backdrop-filter:none;height:84px}.hero{min-height:680px;padding-top:68px;padding-bottom:70px;gap:64px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:clamp(48px,6.8vw,86px);line-height:1.04;letter-spacing:-.065em}.hero h1 em{color:#6be4c3}.hero .lead{font-size:18px;line-height:1.8;max-width:540px}.hero .eyebrow{letter-spacing:2px;font-size:11px}.earningsPreview{position:relative;background:linear-gradient(145deg,#152b3d,#0c192b);border:1px solid #456273;border-radius:24px;box-shadow:0 28px 80px #0005;transform:rotate(-2deg);padding:28px;overflow:hidden}.earningsPreview:before{content:'';position:absolute;right:-50px;top:30px;width:220px;height:220px;background:#3cf2c215;filter:blur(45px);pointer-events:none}.earningsPreview h2{font-size:36px;line-height:1.2;letter-spacing:-1.8px;margin:22px 0}.previewhead{border-bottom:1px solid #ffffff15;padding-bottom:20px;font-size:12px;gap:9px}.previewhead>span:last-child{font-size:10px;letter-spacing:1px}.visualLabel{font-size:10px;margin-top:24px;letter-spacing:2px}.commissionOrb{position:absolute;top:85px;right:30px;border:1px solid #80e6c66b;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;background:#67e3c014;color:#83f3d2;font-size:26px}.commissionOffer{padding:22px;background:linear-gradient(120deg,#2ac79824,#70e4c409);border:1px solid #69dcb858;border-radius:14px}.commissionOffer span,.commissionOffer small{display:block;color:#a4cfc8;font-size:12px}.commissionOffer strong{display:block;font-size:54px;letter-spacing:-3px;margin:9px 0;color:#b0ffe6}.previewJourney{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:22px 0;font-size:11px;color:#c9dce4}.previewJourney b{color:#6ce3be}.previewFoot{display:flex;justify-content:space-between;border-top:1px solid #ffffff18;padding-top:16px;font-size:12px;color:#adc4d3}.previewDisclosure{font-size:11px;line-height:1.6;color:#93aab8;margin:16px 0 0}.ticker{background:#0e1b2a;color:#b9dfd6;border-block:1px solid #ffffff12}.tickerInner{font-size:11px;letter-spacing:2px}.dashShell{background:#0b1726;border:1px solid #34485c;border-radius:18px;box-shadow:0 24px 65px #0004;overflow:hidden}.dashSide{background:#091421;border-right-color:#ffffff12}.dashMain{background:radial-gradient(ellipse at 100% 0,#19424d40,transparent 50%),#0d1b2b;padding:0 28px 30px}.dashhero{padding:28px 0 25px}.dashhero h1{font-size:36px;letter-spacing:-1.5px}.dashhero .eyebrow{font-size:10px;letter-spacing:2px}.dashTop{color:#92aabd;border-color:#ffffff12;font-size:10px;letter-spacing:1px}.dashLive{font-size:9px;color:#92aabd}.memberBadge{border-color:#63d5b74d;background:#63d5b712;color:#7de6c5;font-size:10px}.walletOverview{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;margin:4px 0 22px}.walletMain{grid-row:span 2;background:linear-gradient(140deg,#185547,#0f3837);border:1px solid #6ce3c077;border-radius:16px;padding:24px;position:relative;overflow:hidden}.walletMain:after{content:'';width:180px;height:180px;border:28px solid #a0ffe60b;border-radius:50%;position:absolute;right:-90px;bottom:-95px;pointer-events:none}.walletLabel{display:flex;justify-content:space-between;align-items:center;color:#b5e6d8;font-size:10px;font-weight:700;letter-spacing:1.5px}.walletGlyph{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#76efca1c;font-size:19px}.walletMain>strong{display:block;font-size:clamp(30px,3.5vw,45px);letter-spacing:-1.8px;margin:20px 0 10px;overflow-wrap:anywhere;color:#f2fff8}.walletMain p{font-size:12px;color:#a3cbbf;margin-bottom:25px}.walletMain .btn{font-size:12px;padding:11px 16px;box-shadow:none}.walletDetail{background:#122337;border:1px solid #ffffff17;border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:8px}.walletDetail:last-child{grid-column:span 2;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#102b33}.walletDetail>span{color:#a1b8ca;font-size:12px}.walletDetail>strong{font-size:25px;letter-spacing:-.8px;overflow-wrap:anywhere}.walletDetail>small{color:#829fb2;font-size:11px}.earningJourney{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 24px;padding:16px 18px;border:1px solid #ffffff13;border-radius:10px;color:#adc1d0;font-size:11px;background:#0a1825}.earningJourney b{color:#6be3c0;margin-right:6px}.earningJourney i{color:#587586;font-style:normal}.dashStats{gap:12px}.dashStat{background:#122237;border:1px solid #ffffff16;border-radius:12px;padding:17px}.dashStatTop{font-size:9px;letter-spacing:1px}.dashStat strong{font-size:19px!important}.dashStat small{font-size:10px}.dashColumns{grid-template-columns:1fr;gap:18px;margin-top:24px}.invitePanel{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.invitePanel .eyebrow{width:100%}.invitePanel h2{font-size:22px;margin:0}.invitePanel>p{flex:1;min-width:200px}.dashPanel{background:#112136;border:1px solid #ffffff18;border-radius:14px}.networkPanel h2{font-size:27px;letter-spacing:-1px}.refMetrics{grid-template-columns:repeat(3,1fr);margin:24px 0;gap:12px}.refMetrics>div{border:1px solid #ffffff17;border-radius:10px;background:#0b192b;padding:18px}.refMetrics strong{font-size:26px;color:#e5fff6}.withdrawalHeading{border-top:1px solid #ffffff1a;padding-top:24px;margin-top:24px}.withdrawalForm{background:#0b1929;border:1px solid #ffffff13;border-radius:12px;padding:18px}.linkbox input{background:#091929;border-color:#436272}.status:empty{display:none}.footer{color:#91aab9}
@media(max-width:1000px){.hero{gap:30px}.walletOverview{grid-template-columns:1.2fr 1fr}.walletMain{grid-row:span 3}.walletDetail:last-child{grid-column:auto;flex-direction:column;align-items:flex-start}.earningJourney{flex-wrap:wrap}.dashMain{padding:0 20px 25px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:42px;gap:32px}.hero h1{font-size:clamp(46px,10vw,70px)}.hero .lead{font-size:16px}.earningsPreview{transform:none;max-width:520px;width:100%;margin:auto}.commissionOrb{top:85px}.top{flex-wrap:wrap;height:auto;min-height:76px;padding-top:16px;padding-bottom:16px;gap:14px}.top .nav{order:3;width:100%;justify-content:space-between;display:flex;gap:12px;font-size:12px}.top .btn{font-size:12px;padding:10px 12px}.brand{font-size:21px}.walletOverview{grid-template-columns:1fr 1fr}.walletMain{grid-column:span 2;grid-row:auto}.walletDetail:last-child{grid-column:span 2;flex-direction:row;align-items:center}.walletDetail{padding:16px}.walletMain>strong{font-size:44px}.dashhero h1{font-size:29px}.memberBadge{display:none}.earningJourney{display:grid;gap:12px}.earningJourney i{display:none}.dashStats{grid-template-columns:1fr}.dashStat{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}.dashStat small{grid-column:span 2}.refMetrics{grid-template-columns:1fr 1fr 1fr;gap:7px}.refMetrics>div{padding:12px 8px}.refMetrics small{font-size:10px}.refMetrics strong{font-size:23px}.networkPanel h2{font-size:23px}.dashMain{padding:0 14px 24px}.dashPanel{padding:18px}.dashTop{font-size:8px}.dashLive{display:none}.withdrawalForm{padding:14px}.dashFoot{display:block;line-height:1.8}.tickerInner{flex-wrap:wrap;justify-content:center;gap:12px;font-size:9px}.previewJourney{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.dashboardActions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.dashboardActions a,.dashboardActions button{padding:11px 14px;border:1px solid #ffffff24;border-radius:8px;background:#14263b;color:#c6dedf;font-size:12px;font-weight:600}.dashboardActions button{font-family:inherit}.dashboardActions a:hover,.dashboardActions button:hover{border-color:#6be3c0;color:#8cf4d3}.nextStepCard{padding:20px;background:linear-gradient(110deg,#193743,#12263b);border:1px solid #64d6bc40;border-radius:12px;margin-bottom:20px;display:flex;gap:16px;align-items:center;justify-content:space-between}.nextStepCard h2{font-size:20px;margin:7px 0}.nextStepCard p{font-size:12px;line-height:1.6;margin:0;color:#a5c6cf}.nextStepCard .outline{white-space:nowrap;font-size:12px}.withdrawalAccordion{margin-top:24px;border:1px solid #ffffff22;border-radius:10px;overflow:hidden}.withdrawalAccordion summary{list-style:none;cursor:pointer;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:18px;background:#0c1d2e;font-weight:700;font-size:15px}.withdrawalAccordion summary span{font-weight:400;font-size:11px;color:#8ccfbf}.withdrawalAccordion .withdrawalForm{margin:0;border:0;border-radius:0}.payoutHistoryTools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.payoutHistoryTools h3{flex:1;margin:0;min-width:120px;font-size:18px}.payoutHistoryTools label{display:flex;align-items:center;gap:6px;font-size:11px;color:#a9c2cf}.payoutHistoryTools select{background:#0b192b;color:#fff;border:1px solid #476174;border-radius:6px;padding:9px}.payoutHistoryTools button{font-size:11px;padding:10px 12px}.payoutHistoryTools button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8cf4d3;outline-offset:4px}@media(max-width:650px){.dashboardActions{display:grid;grid-template-columns:1fr 1fr}.dashboardActions a,.dashboardActions button{text-align:center;font-size:11px;padding:11px 8px}.nextStepCard{display:block}.nextStepCard .outline{margin-top:14px}.payoutHistoryTools h3{width:100%;flex:auto}}

/* Account access stays visible at the top on every screen size. */
.headerAuth{display:flex;align-items:center;gap:9px;flex-shrink:0}.headerAuth .outline{padding:10px 14px;font-size:13px}.headerAuth .btn{white-space:nowrap}.modal{z-index:100}.top{gap:20px}@media(max-width:1050px){.top{height:auto;min-height:84px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.top .nav{order:3;width:100%;display:flex;justify-content:center;gap:24px}}@media(max-width:600px){.top{gap:12px}.headerAuth{gap:7px}.headerAuth .outline,.headerAuth .btn{font-size:12px;padding:10px 11px}.top .nav{justify-content:space-between;gap:10px}.top .brand{font-size:20px}}@media(max-width:420px){.top .brand{width:100%}.headerAuth{width:100%}.headerAuth button{flex:1}.top .nav{font-size:11px}}