:root{--bg:#070a13;--panel:#101629;--panel2:#151d34;--line:#26314b;--white:#f6f7fb;--silver:#d6dce8;--muted:#8792a8;--purple:#7b4dff;--blue:#16c8ff;--cyan:#5ce1e6;--green:#2ed9a3;--font:'Inter',sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:14px}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}.auth-page{display:grid;grid-template-columns:1.08fr .92fr;min-height:100vh}.auth-visual{background:linear-gradient(145deg,rgba(123,77,255,.16),transparent 45%),#09101e;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:46px clamp(40px,6vw,88px);position:relative}.auth-visual:before{background-image:linear-gradient(rgba(38,49,75,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(38,49,75,.32) 1px,transparent 1px);background-size:64px 64px;content:"";inset:0;mask-image:linear-gradient(transparent,#000 30%,transparent);position:absolute}.auth-visual:after{background:url('logo-t.png') center/contain no-repeat;content:"";height:min(55vw,700px);opacity:.06;position:absolute;right:-15%;top:17%;width:min(55vw,700px)}.auth-logo,.auth-copy,.network-ready{position:relative;z-index:1}.auth-logo img{width:170px}.auth-copy{max-width:650px}.kicker{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.auth-copy h1{font-size:clamp(46px,5.3vw,76px);line-height:1.03;margin:24px 0}.auth-copy p{color:var(--muted);font-size:17px;line-height:1.7;max-width:570px}.network-ready{align-items:center;color:var(--muted);display:flex;font-size:11px;gap:10px;letter-spacing:.08em;text-transform:uppercase}.network-ready i{background:var(--green);border-radius:50%;box-shadow:0 0 0 6px rgba(46,217,163,.08);height:7px;width:7px}.auth-panel-wrap{align-items:center;display:flex;justify-content:center;padding:42px}.auth-panel{max-width:440px;width:100%}.demo-tag{background:rgba(22,200,255,.08);border:1px solid rgba(22,200,255,.25);border-radius:4px;color:var(--cyan);display:inline-flex;font-size:10px;font-weight:800;letter-spacing:.12em;padding:7px 10px;text-transform:uppercase}.auth-panel h2{font-size:36px;margin:25px 0 8px}.auth-panel>p{color:var(--muted);margin:0}.auth-panel form{display:grid;gap:19px;margin-top:32px}.auth-panel label{color:var(--silver);font-size:12px;font-weight:700}.auth-panel input{background:#0b1020;border:1px solid var(--line);border-radius:6px;color:var(--white);height:48px;margin-top:8px;outline:none;padding:0 14px;width:100%}.auth-panel input:focus{border-color:var(--blue)}.password-wrap{display:block;position:relative}.password-wrap input{padding-right:46px}.password-wrap button{background:transparent;border:0;color:var(--muted);cursor:pointer;position:absolute;right:8px;top:20px}.primary-action,.wallet-action{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:700;height:49px;justify-content:center;width:100%}.primary-action{background:linear-gradient(100deg,var(--purple),var(--blue));border:0}.primary-action span{margin-left:auto;margin-right:16px}.form-error{background:rgba(255,92,122,.08);border-left:3px solid #ff5c7a!important;color:#ff9aad!important;font-size:12px;margin:0!important;padding:10px}.credentials{align-items:center;border:1px solid var(--line);display:grid;gap:8px;grid-template-columns:1fr auto auto;margin-top:18px;padding:11px}.credentials span{color:var(--muted);font-size:10px;text-transform:uppercase}.credentials code{background:var(--panel2);font-size:10px;padding:5px 7px}.or{align-items:center;color:var(--muted);display:flex;font-size:9px;gap:12px;letter-spacing:.12em;margin:28px 0 16px;text-transform:uppercase}.or:before,.or:after{background:var(--line);content:"";flex:1;height:1px}.wallet-action{background:transparent;border:1px solid var(--line);gap:8px}.wallet-action small{color:var(--cyan);font-size:9px;margin-left:auto;margin-right:12px}.fine-print{font-size:10px!important;line-height:1.5;margin-top:12px!important;text-align:center}.back-link{color:var(--cyan);display:block;font-size:11px;margin-top:25px;text-align:center}
.member-app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#0b101d;border-right:1px solid var(--line);display:flex;flex-direction:column;height:100vh;padding:28px 18px 20px;position:sticky;top:0}.side-logo{margin:0 10px 38px}.side-logo img{width:138px}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.signout{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--muted);cursor:pointer;display:flex;gap:12px;min-height:42px;padding:0 12px;text-align:left}.sidebar nav button b{font-size:18px;width:18px}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(22,200,255,.08);box-shadow:inset 2px 0 var(--cyan);color:var(--white)}.sidebar nav button.active b{color:var(--cyan)}.support{background:linear-gradient(145deg,rgba(123,77,255,.16),rgba(22,200,255,.07));border:1px solid var(--line);border-radius:8px;display:grid;gap:7px;margin-top:auto;padding:16px}.support>b{color:var(--cyan);font-size:19px}.support strong{font-size:12px}.support span{color:var(--muted);font-size:10px}.support button{background:transparent;border:0;color:var(--cyan);cursor:pointer;font-size:10px;padding:5px 0 0;text-align:left}.signout{margin-top:12px}.dashboard{min-width:0;padding:28px clamp(24px,3vw,48px) 52px}.dash-head{align-items:center;display:flex;justify-content:space-between;margin:0 auto 26px;max-width:1440px}.dash-head>div:first-child span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dash-head h1{font-size:36px;margin:8px 0 0}.identity{align-items:center;display:flex;gap:10px}.identity>b{align-items:center;background:linear-gradient(140deg,var(--purple),var(--blue));border-radius:6px;display:flex;font-size:12px;height:39px;justify-content:center;width:39px}.identity>span{display:grid;gap:2px}.identity strong{font-size:12px}.identity small{color:var(--muted);font-size:9px}.identity i{color:var(--muted);font-size:22px}.notice{align-items:center;background:rgba(92,225,230,.08);border:1px solid rgba(92,225,230,.25);display:flex;justify-content:space-between;margin:0 auto 15px;max-width:1440px;padding:10px 14px}.notice button{background:none;border:0;color:var(--cyan);cursor:pointer}.balance-band{background:linear-gradient(110deg,#11172a,#101a2e);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1.35fr .75fr .75fr auto;margin:0 auto 15px;max-width:1440px;overflow:hidden}.balance-band>div{padding:21px 24px}.balance-band>div+div{border-left:1px solid var(--line)}.balance-band span{color:var(--muted);display:block;font-size:9px;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.balance-band strong{display:block;font-size:20px}.main-balance strong{font-size:30px}.main-balance strong small{color:var(--cyan);font-size:11px}.balance-band p,.balance-band div>small{color:var(--muted);display:block;font-size:9px;margin:7px 0 0}.balance-buttons{align-content:center;display:grid;gap:8px}.balance-buttons button,.full-button{background:var(--panel2);border:1px solid var(--line);border-radius:5px;color:var(--silver);cursor:pointer;font-size:10px;min-height:34px;padding:0 12px}.balance-buttons button.primary{background:linear-gradient(100deg,var(--purple),var(--blue));border:0;color:white}.kpis{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto 15px;max-width:1440px}.kpis article{background:rgba(16,22,41,.8);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:auto minmax(0,1fr);min-width:0;padding:16px}.kpis i{align-items:center;background:rgba(22,200,255,.08);border-radius:6px;color:var(--cyan);display:flex;font-style:normal;grid-row:span 3;height:38px;justify-content:center;margin-right:12px;width:38px}.kpis span{color:var(--muted);font-size:9px;text-transform:uppercase}.kpis strong{font-size:19px;margin-top:3px}.kpis small{color:var(--muted);font-size:8px;margin-top:3px}.dash-grid{display:grid;gap:12px;margin:0 auto 12px;max-width:1440px}.dash-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid.three{grid-template-columns:.9fr .9fr 1.2fr}.dash-card{background:rgba(16,22,41,.8);border:1px solid var(--line);border-radius:8px;min-width:0;padding:19px}.card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.card-head h2{font-size:14px;margin:0}.card-head button{background:none;border:0;color:var(--cyan);cursor:pointer;font-size:9px}.asset{align-items:center;display:grid;grid-template-columns:auto 1fr auto;margin-bottom:19px}.asset>i{align-items:center;background:rgba(22,200,255,.08);border-radius:6px;color:var(--cyan);display:flex;font-size:20px;font-style:normal;height:43px;justify-content:center;margin-right:12px;width:43px}.asset>i.purple{color:#b98cff}.asset>span{display:grid;gap:3px}.asset strong{font-size:13px}.asset small{color:var(--muted);font-size:9px}.asset>b{background:rgba(46,217,163,.08);border:1px solid rgba(46,217,163,.25);color:var(--green);font-size:7px;padding:5px 7px}.progress{display:grid;grid-template-columns:1fr auto}.progress>div{display:flex;grid-column:span 2;justify-content:space-between}.progress span,.progress small{color:var(--muted);font-size:8px}.progress>i{background:#080d19;border-radius:3px;height:7px;margin:8px 9px 0 0;overflow:hidden}.progress>i b{background:linear-gradient(90deg,var(--purple),var(--blue));display:block;height:100%}.progress em{color:var(--cyan);font-size:8px;font-style:normal;margin-top:5px}.meta{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;padding-top:13px}.meta span{color:var(--muted);font-size:8px}.meta b{color:var(--silver);display:block;font-size:9px;margin-top:3px}.rank-path{align-items:center;display:flex;margin:25px 0}.rank-path>b{align-items:center;background:var(--purple);border-radius:50%;display:flex;font-size:8px;height:29px;justify-content:center;width:29px}.rank-path>i{background:var(--purple);flex:1;height:1px}.rank-path>b.now{background:#0b1020;border:1px solid var(--cyan);box-shadow:0 0 0 5px rgba(22,200,255,.07);color:var(--cyan)}.rank-path>b.now+i{background:var(--line)}.rank-path>b.future{background:#0b1020;border:1px solid var(--line);color:var(--muted)}.dash-card h3{font-size:13px}.muted{color:var(--muted);font-size:9px;line-height:1.5}.network-stats{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.network-stats span{background:#0b1020;border:1px solid var(--line);color:var(--muted);font-size:8px;padding:12px}.network-stats b{color:var(--white);display:block;font-size:19px;margin-bottom:3px}.dash-card>label{color:var(--muted);font-size:8px}.copy-row{display:flex;gap:7px;margin-top:7px}.copy-row code{background:#080d19;border:1px solid var(--line);border-radius:4px;flex:1;font-size:8px;min-width:0;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.copy-row button{background:var(--panel2);border:1px solid var(--line);border-radius:4px;color:var(--cyan);cursor:pointer;font-size:8px}.reward-banner{align-items:center;background:linear-gradient(120deg,rgba(123,77,255,.13),rgba(22,200,255,.07));border:1px solid var(--line);display:flex;gap:12px;padding:14px}.reward-banner>b{color:#b98cff;font-size:25px}.reward-banner span{display:grid;gap:3px}.reward-banner strong{font-size:11px}.reward-banner small{color:var(--muted);font-size:8px}.reward-values{display:flex;gap:3px;margin:12px 0}.reward-values i{background:#0b1020;border:1px solid var(--line);color:var(--cyan);flex:1;font-size:7px;font-style:normal;padding:6px 0;text-align:center}.full-button{width:100%}.claim{align-items:center;display:flex;gap:9px;margin-bottom:20px}.claim>span{color:#ffb84d}.claim p{display:grid;flex:1;gap:3px;margin:0}.claim strong{font-size:9px}.claim small{color:var(--muted);font-size:7px}.claim button{background:var(--cyan);border:0;border-radius:4px;color:#07111a;cursor:pointer;font-size:8px;font-weight:800;padding:7px 9px}.activities{display:grid;gap:11px}.activities>div{align-items:center;display:grid;grid-template-columns:auto 1fr auto}.activities i{align-items:center;background:#0b1020;color:var(--cyan);display:flex;font-style:normal;height:29px;justify-content:center;margin-right:8px;width:29px}.activities span,.activities em{display:grid;gap:2px}.activities b,.activities em{font-size:9px}.activities small{color:var(--muted);font-size:7px}.activities em{color:var(--green);font-style:normal;text-align:right}.mobile-nav{display:none}
@media(max-width:1050px){.balance-band{grid-template-columns:1.2fr 1fr 1fr}.balance-buttons{border-left:0!important;border-top:1px solid var(--line);grid-column:span 3;grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,1fr)}.dash-grid.three{grid-template-columns:1fr 1fr}.dash-grid.three article:last-child{grid-column:span 2}}
@media(max-width:760px){.auth-page{display:block}.auth-visual{display:none}.auth-panel-wrap{min-height:100vh;padding:28px 22px}.auth-panel:before{background:url('wordmark-transparent.png') center/contain no-repeat;content:"";display:block;height:34px;margin-bottom:40px;width:150px}.member-app{display:block;max-width:100vw;overflow-x:hidden}.sidebar{display:none}.dashboard{max-width:100vw;overflow:hidden;padding:20px 16px 88px}.dash-head{align-items:flex-start}.dash-head h1{font-size:25px}.identity>span,.identity>i{display:none}.balance-band{grid-template-columns:1fr 1fr}.main-balance{grid-column:span 2}.balance-band>div{padding:18px}.balance-band>div+div{border-left:0;border-top:1px solid var(--line)}.balance-band>div:nth-child(3){border-left:1px solid var(--line)}.balance-buttons{grid-column:span 2}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis article{padding:13px}.kpis i{height:32px;width:32px}.kpis strong{font-size:15px;overflow-wrap:anywhere}.dash-grid.two,.dash-grid.three{grid-template-columns:1fr}.dash-grid.three article:last-child{grid-column:auto}.progress>div{gap:8px}.progress small{max-width:58%;text-align:right}.mobile-nav{background:rgba(11,16,29,.97);border-top:1px solid var(--line);bottom:0;display:flex;left:0;position:fixed;width:100vw;z-index:20}.mobile-nav button{align-items:center;background:none;border:0;color:var(--muted);display:flex;flex:0 0 20%;flex-direction:column;font-size:18px;gap:4px;height:64px;justify-content:center;min-width:0;padding:0}.mobile-nav button span{font-size:7px}.mobile-nav button.active{color:var(--cyan)}}
@media(max-width:420px){.kpis{grid-template-columns:1fr}.reward-values i:nth-child(even){display:none}}