:root{
  --bg:#06080d;--bg-soft:#0a0d14;--panel:#0d121b;--panel-2:#101722;--panel-3:#121b28;
  --text:#f7fbff;--text-2:#c9d6e2;--muted:#7d8b99;--muted-2:#5f6d7b;
  --line:rgba(171,195,219,.11);--line-strong:rgba(171,195,219,.2);
  --accent:#66f2cf;--accent-rgb:102,242,207;--blue:#7098ff;--violet:#9675ff;--warn:#ffd36c;--danger:#ff6f88;
  --shadow:0 28px 90px rgba(0,0,0,.34);--safe:env(safe-area-inset-bottom);
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -20%,rgba(63,85,124,.2),transparent 35%),linear-gradient(180deg,#070a10,#06080d 62%,#05070b);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid rgba(var(--accent-rgb),.55);outline-offset:2px}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-noise{position:fixed;inset:0;z-index:-5;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.app-grid{position:fixed;inset:0;z-index:-4;pointer-events:none;background-image:linear-gradient(rgba(154,186,216,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(154,186,216,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 78%)}.app-glow{position:fixed;z-index:-3;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.22}.glow-one{width:480px;height:480px;left:-220px;top:12%;background:#33d8b3}.glow-two{width:580px;height:580px;right:-300px;top:19%;background:#6d57e8}.app-shell{width:min(1180px,100%);margin:0 auto;min-height:100vh;padding-bottom:116px}.app-header{height:76px;padding:0 24px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,8,13,.95),rgba(5,8,13,.72));backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid rgba(171,195,219,.07)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;min-width:0}.brand-logo{width:43px;height:43px;border-radius:15px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#baffed 0%,var(--accent) 36%,#78a0ff 72%,#8f71ff 100%);box-shadow:0 12px 35px rgba(var(--accent-rgb),.14),inset 0 1px 0 rgba(255,255,255,.65)}.brand-logo:after{content:"";position:absolute;inset:1px;border-radius:14px;border:1px solid rgba(255,255,255,.38)}.brand-logo span{position:relative;z-index:2;color:#05100d;font-weight:950;font-size:18px;letter-spacing:-.08em}.brand-logo img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.brand-copy{min-width:0}.brand-copy b{display:block;font-size:16px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.brand-copy small{display:block;margin-top:1px;color:#536170;font-size:8px;font-weight:800;letter-spacing:.2em;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:8px}.rpc-pill,.mini-action,.wallet-chip{height:40px;border:1px solid var(--line);background:rgba(14,19,29,.74);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}.rpc-pill{border-radius:13px;padding:0 11px;display:flex;align-items:center;gap:7px;color:#69798a}.rpc-pill i{width:6px;height:6px;border-radius:50%;background:#4c5866}.rpc-pill.online i{background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.8)}.rpc-pill span{font-size:10px;color:#b8c5d1;font-weight:850;letter-spacing:.08em}.rpc-pill em{font-style:normal;font-size:9px}.mini-action{min-width:43px;border-radius:13px;color:#c9d4df;font-weight:800;cursor:pointer}.wallet-chip{min-width:126px;border-radius:14px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:800;transition:.18s}.wallet-chip:hover,.mini-action:hover{border-color:rgba(var(--accent-rgb),.3);transform:translateY(-1px)}.wallet-chip svg{width:13px;height:13px;color:#657484}.status-dot{width:6px;height:6px;border-radius:50%;background:#4d5966;box-shadow:0 0 0 4px rgba(77,89,102,.08)}.status-dot.on{background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08),0 0 11px rgba(var(--accent-rgb),.8)}.app-main{padding:24px}.view{display:none}.view.active{display:block}.app-hero{position:relative;min-height:392px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(17,24,36,.97),rgba(9,13,21,.98) 58%,rgba(9,12,19,.99));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.02);padding:40px 44px}.app-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.018),transparent 26%,transparent 74%,rgba(var(--accent-rgb),.025));pointer-events:none}.hero-aurora{position:absolute;width:560px;height:420px;border-radius:50%;right:-180px;top:-110px;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.14),rgba(112,152,255,.07) 42%,transparent 68%);filter:blur(8px)}.hero-wire{position:absolute;inset:0;width:100%;height:100%;color:var(--accent);opacity:.22;pointer-events:none}.hero-wire path{stroke:url(#wireG);stroke-width:1.1;stroke-dasharray:4 8;animation:wireMove 12s linear infinite}.hero-wire path:nth-of-type(2){animation-duration:16s;opacity:.5}.hero-wire path:nth-of-type(3){animation-duration:19s;animation-direction:reverse}.hero-wire circle{fill:var(--accent);stroke:none;filter:drop-shadow(0 0 6px var(--accent));animation:nodePulse 2.6s ease-in-out infinite}.hero-copy{position:relative;z-index:3;width:min(630px,58%)}.protocol-pill{display:inline-flex;align-items:center;gap:8px;height:29px;padding:0 10px 0 8px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.16);background:rgba(var(--accent-rgb),.055);color:#bff8eb}.protocol-pill span{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 11px var(--accent);animation:nodePulse 2s ease-in-out infinite}.protocol-pill b{font-size:10px;letter-spacing:.08em}.protocol-pill em{font-style:normal;font-size:8px;color:#6f827b;background:rgba(255,255,255,.035);padding:2px 5px;border-radius:99px}.app-hero h1{margin:19px 0 13px;font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.055em;font-weight:880;max-width:680px}.app-hero h1 span{display:block;background:linear-gradient(90deg,#f9fdff 4%,#a9ffe8 42%,#a4b8ff 76%,#c1a5ff);-webkit-background-clip:text;color:transparent}.app-hero p{margin:0;max-width:570px;color:#8696a6;font-size:14px;line-height:1.8}.hero-actions{display:flex;gap:9px;margin-top:22px}.primary-cta,.glass-cta,.outline-btn,.primary-wide{border:0;cursor:pointer;transition:.18s}.primary-cta{height:46px;padding:0 16px;border-radius:14px;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--accent),#8bdcff 55%,#8a9dff);color:#06110f;font-weight:900;box-shadow:0 14px 34px rgba(var(--accent-rgb),.12)}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(var(--accent-rgb),.18)}.primary-cta svg{width:16px;height:16px;stroke-width:2}.glass-cta{height:46px;padding:0 15px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#c1ccd6;font-weight:750}.glass-cta:hover{background:rgba(255,255,255,.04);border-color:var(--line-strong)}.hero-mini-stats{display:flex;gap:24px;margin-top:26px}.hero-mini-stats div{min-width:95px}.hero-mini-stats span{display:block;color:#526170;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.hero-mini-stats b{display:block;margin-top:4px;color:#a9b8c5;font-size:9px;letter-spacing:.08em}.hero-art{position:relative;z-index:2;width:41%;min-width:360px;height:315px;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(135,173,219,.13)}.orbit:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb),.8)}.orbit-a{width:245px;height:245px;animation:spin 18s linear infinite}.orbit-a:before{left:34px;top:26px}.orbit-b{width:190px;height:190px;border-style:dashed;animation:spinReverse 14s linear infinite}.orbit-b:before{right:22px;bottom:28px;background:var(--blue)}.orbit-c{width:298px;height:298px;border-color:rgba(var(--accent-rgb),.08);animation:pulseOrbit 5s ease-in-out infinite}.core-disc{width:130px;height:130px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(var(--accent-rgb),.15),rgba(17,26,36,.9) 48%,rgba(7,12,19,.98) 70%);border:1px solid rgba(var(--accent-rgb),.2);box-shadow:0 0 0 9px rgba(var(--accent-rgb),.025),0 0 0 21px rgba(112,152,255,.018),0 26px 60px rgba(0,0,0,.25)}.core-disc:after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(150,184,218,.13);animation:spin 13s linear infinite}.core-inner{text-align:center;position:relative;z-index:2}.core-inner span{display:block;font-size:32px;font-weight:950;letter-spacing:-.09em;background:linear-gradient(180deg,#efffff,var(--accent));-webkit-background-clip:text;color:transparent}.core-inner small{display:block;margin-top:-3px;color:#607487;font-size:7px;letter-spacing:.25em}.sat{position:absolute;height:30px;padding:0 9px;border:1px solid rgba(157,187,215,.13);border-radius:11px;background:rgba(8,13,21,.82);backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px;color:#8da0b2;font-size:8px;font-weight:800;letter-spacing:.12em;box-shadow:0 12px 32px rgba(0,0,0,.22)}.sat i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent)}.sat-one{left:5%;top:22%}.sat-two{right:4%;top:36%}.sat-two i{background:var(--violet);box-shadow:0 0 9px var(--violet)}.sat-three{left:14%;bottom:14%}.sat-three i{background:var(--blue);box-shadow:0 0 9px var(--blue)}.notice{margin-top:12px;display:none;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:15px;border:1px solid rgba(var(--accent-rgb),.12);background:linear-gradient(90deg,rgba(var(--accent-rgb),.045),rgba(112,152,255,.02));color:#8ca0b2}.notice.show{display:flex}.notice-icon{width:22px;height:22px;flex:0 0 22px;border-radius:8px;display:grid;place-items:center;color:#9cebd8;background:rgba(var(--accent-rgb),.07)}.notice-icon svg{width:13px;height:13px}.trust-row{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(171,195,219,.08);border-radius:18px;background:rgba(10,14,22,.58);overflow:hidden}.trust-row>div{padding:13px 15px;display:flex;align-items:center;gap:10px;border-right:1px solid rgba(171,195,219,.065)}.trust-row>div:last-child{border-right:0}.trust-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#8fe6d2;background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.08)}.trust-icon svg{width:16px;height:16px}.trust-row p{margin:0}.trust-row b{display:block;color:#c5d2dc;font-size:11px}.trust-row small{display:block;color:#5c6c7c;font-size:9px;margin-top:1px}.section-head{margin:31px 3px 13px;display:flex;align-items:end;justify-content:space-between}.section-kicker{display:block;margin-bottom:5px;color:#536577;font-size:8px;font-weight:850;letter-spacing:.24em}.section-kicker.light{color:rgba(6,24,20,.55)}.section-head h2,.page-head-card h1,.profile-top-card h1{margin:0;font-size:22px;letter-spacing:-.025em}.section-head p{margin:4px 0 0;color:#657687;font-size:12px}.live-state{display:flex;align-items:center;gap:6px;color:#5d6d7d;font-size:8px;font-weight:800;letter-spacing:.1em}.live-state i{width:7px;height:7px;border-radius:50%;border:1px solid var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.4)}.tiers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.tier{position:relative;overflow:hidden;border-radius:20px;padding:15px;background:linear-gradient(180deg,rgba(16,23,34,.97),rgba(9,14,22,.97));border:1px solid rgba(171,195,219,.1);box-shadow:0 20px 54px rgba(0,0,0,.15);transition:.2s}.tier:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),transparent 34%,transparent 70%,rgba(112,152,255,.04));opacity:.7;pointer-events:none}.tier:after{content:"";position:absolute;width:130px;height:130px;right:-72px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 67%)}.tier:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.22);box-shadow:0 26px 62px rgba(0,0,0,.23)}.tier>*{position:relative;z-index:2}.tier-head{display:flex;align-items:center;justify-content:space-between}.tier-index{font-size:8px;color:#5d6d7d;font-weight:850;letter-spacing:.16em}.tier-status{font-size:8px;color:#83cfbe;border:1px solid rgba(var(--accent-rgb),.09);background:rgba(var(--accent-rgb),.045);padding:3px 6px;border-radius:999px}.tier h3{margin:10px 0 1px;font-size:15px}.tier .apr{margin:10px 0 7px;font-size:31px;line-height:1;font-weight:900;letter-spacing:-.045em;background:linear-gradient(180deg,#f6fbff,#a0b1c0);-webkit-background-clip:text;color:transparent}.tier .apr small{font-size:8px;color:#637485;-webkit-text-fill-color:#637485;letter-spacing:.08em;font-weight:700}.tier-chart{height:33px;margin:4px 0 7px;opacity:.72}.tier-chart svg{width:100%;height:100%}.tier-chart path{stroke:var(--accent);stroke-width:1.7;filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.2))}.tier-details{padding:9px 0;border-top:1px solid rgba(171,195,219,.07);border-bottom:1px solid rgba(171,195,219,.07);display:grid;gap:6px}.tier-details div{display:flex;align-items:center;justify-content:space-between;gap:8px}.tier-details span{color:#5e6e7d;font-size:9px}.tier-details b{color:#b8c5d1;font-size:9px;font-weight:750}.amount-wrap{position:relative;margin-top:10px}.amount-wrap input{width:100%;height:39px;padding:0 49px 0 11px;border:1px solid rgba(171,195,219,.1);border-radius:11px;background:rgba(3,7,12,.43);color:#eaf2f8;font-size:11px;outline:none;transition:.18s}.amount-wrap input:focus{border-color:rgba(var(--accent-rgb),.25);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.035)}.amount-wrap input:disabled{opacity:.5}.amount-wrap span{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#617283;font-size:8px;font-weight:800;max-width:36px;overflow:hidden;text-overflow:ellipsis}.tier-actions{display:grid;grid-template-columns:.82fr 1.18fr;gap:7px;margin-top:8px}.tier button{height:37px;border-radius:10px;border:0;cursor:pointer;font-weight:850;font-size:10px;transition:.18s}.approve-btn{background:rgba(255,255,255,.035);color:#a6b4c0;border:1px solid rgba(171,195,219,.08)!important}.stake-btn{background:linear-gradient(135deg,var(--accent),#8bb4ff);color:#06110f}.tier button:hover:not(:disabled){transform:translateY(-1px)}.tier button:disabled{cursor:not-allowed;opacity:.38}.tier-foot{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:#4e5d6b;font-size:7px}.page-head-card,.profile-top-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(15,22,33,.97),rgba(8,13,20,.98));box-shadow:var(--shadow)}.page-head-card{min-height:180px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between}.page-head-card:after,.profile-top-card:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-150px;top:-170px;background:radial-gradient(circle,rgba(112,152,255,.1),transparent 68%)}.page-head-copy{position:relative;z-index:2;max-width:620px}.page-head-card p{margin:7px 0 0;color:#718292;max-width:620px}.head-graphic{position:relative;width:130px;height:130px;display:grid;place-items:center;margin-right:20px}.head-graphic i{position:absolute;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.12)}.head-graphic i:nth-child(1){inset:8px;animation:spin 17s linear infinite}.head-graphic i:nth-child(2){inset:24px;border-style:dashed;border-color:rgba(112,152,255,.14);animation:spinReverse 13s linear infinite}.head-graphic i:nth-child(3){inset:41px;background:radial-gradient(circle,rgba(var(--accent-rgb),.09),rgba(8,14,22,.9));border-color:rgba(var(--accent-rgb),.18)}.head-graphic span{position:relative;z-index:2;font-size:12px;color:#8ee4d1;font-weight:900;letter-spacing:.15em}.orders-toolbar{margin:17px 3px 10px;display:flex;align-items:center;justify-content:space-between}.orders-toolbar b{display:block;font-size:13px}.orders-toolbar small{display:block;margin-top:2px;color:#60707f;font-size:9px}.outline-btn{height:37px;padding:0 12px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;align-items:center;gap:6px;color:#98a8b6}.outline-btn svg{width:14px;height:14px}.outline-btn em{font-style:normal;font-size:10px}.orders-list{display:grid;gap:10px}.order-card{position:relative;overflow:hidden;padding:16px;border:1px solid rgba(171,195,219,.095);border-radius:18px;background:linear-gradient(180deg,rgba(15,22,32,.95),rgba(9,14,22,.96));box-shadow:0 18px 46px rgba(0,0,0,.12)}.order-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--accent),rgba(var(--accent-rgb),0))}.order-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-id{display:flex;align-items:center;gap:9px}.order-badge-index{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.055);border:1px solid rgba(var(--accent-rgb),.09);color:#8fe5d2;font-size:9px;font-weight:850}.order-id h3{margin:0;font-size:13px}.order-id small{display:block;margin-top:1px;color:#586878;font-size:8px}.badge{display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:999px;font-size:8px;font-weight:800;border:1px solid rgba(171,195,219,.08);background:rgba(255,255,255,.025);color:#8695a3}.badge.active{color:#8bdcc9;background:rgba(var(--accent-rgb),.05);border-color:rgba(var(--accent-rgb),.1)}.badge.matured{color:#ffe09a;background:rgba(255,211,108,.05);border-color:rgba(255,211,108,.1)}.badge.closed{color:#8a98a5}.order-progress{height:4px;margin:12px 0 11px;border-radius:99px;background:rgba(255,255,255,.035);overflow:hidden}.order-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#759dff);box-shadow:0 0 10px rgba(var(--accent-rgb),.3)}.order-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.order-grid div{padding:9px 10px;border:1px solid rgba(171,195,219,.065);border-radius:11px;background:rgba(255,255,255,.018)}.order-grid span{display:block;color:#596979;font-size:8px}.order-grid b{display:block;margin-top:4px;color:#bcc8d2;font-size:10px}.order-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.order-actions button{height:34px;padding:0 12px;border:0;border-radius:10px;font-size:9px;font-weight:850;cursor:pointer}.claim-btn{background:linear-gradient(135deg,var(--accent),#8ac8ff);color:#07110f}.unstake-btn{background:rgba(255,255,255,.04);border:1px solid rgba(171,195,219,.08)!important;color:#b6c1cb}.order-actions button:disabled{opacity:.33;cursor:not-allowed}.empty{min-height:180px;border:1px dashed rgba(171,195,219,.1);border-radius:18px;background:rgba(255,255,255,.012);display:grid;place-items:center;align-content:center;gap:7px;color:#657585;text-align:center}.empty-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.045);color:#78cdb8}.profile-top-card{min-height:132px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.profile-identity{display:flex;align-items:center;gap:13px;position:relative;z-index:2}.profile-avatar{width:53px;height:53px;border-radius:18px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,var(--accent),#7aa4ff 68%,#8d73ff);color:#06110f;font-size:20px;font-weight:950;box-shadow:0 13px 30px rgba(var(--accent-rgb),.12)}.profile-avatar:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.38);border-radius:17px}.profile-avatar i{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid #0b1119;box-shadow:0 0 9px rgba(var(--accent-rgb),.7)}.profile-identity small{display:block;color:#5d6e7e;font-size:8px}.profile-identity h1{margin:2px 0 3px;font-size:21px}.profile-identity b{color:#8b9aa8;font-size:10px;font-weight:700}.profile-chain{position:relative;z-index:2;height:34px;padding:0 11px;border:1px solid rgba(171,195,219,.09);border-radius:12px;background:rgba(255,255,255,.018);display:flex;align-items:center;gap:7px;color:#718291;font-size:8px;font-weight:800;letter-spacing:.09em}.profile-chain i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent)}.invite-primary-card{position:relative;overflow:hidden;margin-top:11px;border-radius:23px;padding:20px;border:1px solid rgba(var(--accent-rgb),.23);background:linear-gradient(135deg,#8ff2da 0%,#75d9d9 44%,#7d9cf5 100%);color:#071311;box-shadow:0 25px 65px rgba(53,163,146,.16)}.invite-shine{position:absolute;width:330px;height:330px;border-radius:50%;right:-110px;top:-170px;background:radial-gradient(circle,rgba(255,255,255,.36),transparent 66%)}.invite-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.2;color:#071311}.invite-lines path{stroke:currentColor;stroke-width:1;stroke-dasharray:4 8;animation:wireMove 16s linear infinite}.invite-title-row{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.invite-title-row h2{margin:0;font-size:22px;letter-spacing:-.03em}.invite-title-row p{margin:5px 0 0;max-width:590px;color:rgba(5,22,18,.62);font-size:11px}.invite-reward{text-align:right;flex:0 0 auto}.invite-reward small{display:block;color:rgba(5,22,18,.55);font-size:8px}.invite-reward b{display:block;margin-top:2px;font-size:24px;line-height:1}.invite-reward em{font-style:normal;color:rgba(5,22,18,.54);font-size:8px}.invite-link-wrap{position:relative;z-index:2;margin-top:15px}.invite-link-wrap>label{display:block;margin-bottom:5px;color:rgba(5,22,18,.62);font-size:8px;font-weight:750}.invite-link-box{height:48px;padding:5px 5px 5px 8px;border-radius:14px;background:rgba(5,17,15,.14);border:1px solid rgba(5,20,18,.13);display:flex;align-items:center;gap:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}.link-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.16)}.link-icon svg{width:15px;height:15px}.invite-link-box input{flex:1;min-width:0;border:0;background:transparent;color:#071512;font-size:10px;font-weight:750;outline:none}.invite-link-box input::placeholder{color:rgba(5,22,18,.43)}.invite-link-box button,.share-invite{border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:850}.invite-link-box button{height:38px;padding:0 12px;border-radius:11px;background:#071512;color:#d8fff5}.invite-link-box button svg,.share-invite svg{width:14px;height:14px}.invite-link-box button em,.share-invite em{font-style:normal;font-size:9px}.invite-meta{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.invite-meta span small{display:block;color:rgba(5,22,18,.5);font-size:7px}.invite-meta span b{display:block;margin-top:1px;color:rgba(5,22,18,.78);font-size:8px}.share-invite{height:31px;padding:0 9px;border-radius:9px;background:rgba(255,255,255,.15);color:#071512;border:1px solid rgba(255,255,255,.13)}.ref-levels{position:relative;z-index:2;margin-top:14px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.ref-levels>div{border-radius:13px;padding:9px 11px;background:rgba(5,17,15,.11);border:1px solid rgba(5,20,18,.09)}.ref-levels>div span{display:block;color:rgba(5,22,18,.52);font-size:8px;font-weight:850}.ref-levels>div b{display:inline-block;margin-top:3px;font-size:18px}.ref-levels>div small{float:right;margin-top:8px;color:rgba(5,22,18,.58);font-size:8px}.ref-levels>i{width:18px;height:1px;background:rgba(5,22,18,.22);position:relative}.ref-levels>i:after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-radius:50%;background:rgba(5,22,18,.28)}.profile-section-head{margin-top:20px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{position:relative;overflow:hidden;min-height:112px;border:1px solid rgba(171,195,219,.09);border-radius:17px;padding:14px;background:linear-gradient(180deg,rgba(15,22,33,.96),rgba(9,14,21,.97));display:flex;align-items:flex-start;gap:11px}.metric-main{background:linear-gradient(145deg,rgba(18,35,35,.97),rgba(9,16,23,.97))}.metric-icon{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:950;border:1px solid rgba(var(--accent-rgb),.1);background:rgba(var(--accent-rgb),.05);color:#8ee4d1}.metric-icon.bnb{background:rgba(255,211,108,.07);border-color:rgba(255,211,108,.1);color:#f4cf72}.metric-icon.reward{background:rgba(112,152,255,.07);border-color:rgba(112,152,255,.1);color:#9db6ff}.metric-icon.claimed{background:rgba(150,117,255,.07);border-color:rgba(150,117,255,.1);color:#b8a6ff}.metric-icon.orders{color:#b6c2cc}.metric>div{min-width:0}.metric small{display:block;color:#5d6d7c;font-size:8px}.metric b{display:block;margin:8px 0 1px;font-size:21px;line-height:1.05;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.metric em{font-style:normal;color:#5b6a78;font-size:8px;font-weight:800}.metric>svg{position:absolute;right:-2px;bottom:8px;width:92px;height:38px;color:var(--accent);opacity:.24}.metric>svg path{stroke-width:1.5}.bottom-nav{position:fixed;z-index:60;left:50%;bottom:calc(13px + var(--safe));transform:translateX(-50%);width:min(420px,calc(100% - 24px));height:64px;padding:6px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(171,195,219,.12);border-radius:22px;background:rgba(9,13,20,.88);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 24px 72px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.025)}.nav-btn{position:relative;border:0;background:transparent;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#556575;cursor:pointer;transition:.18s}.nav-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(112,152,255,.05));opacity:0;transition:.18s}.nav-btn.active{color:#a5ecdc}.nav-btn.active:before{opacity:1}.nav-icon,.nav-btn em{position:relative;z-index:2}.nav-icon{width:19px;height:19px;display:grid;place-items:center}.nav-icon svg{width:18px;height:18px;stroke-width:1.8}.nav-btn em{font-style:normal;font-size:8px;font-weight:750}.toast{position:fixed;z-index:120;left:50%;bottom:96px;transform:translate(-50%,10px);display:flex;align-items:center;gap:8px;max-width:min(90vw,520px);padding:10px 13px;border:1px solid rgba(171,195,219,.15);border-radius:12px;background:rgba(10,15,23,.95);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.38);opacity:0;pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent)}.toast span{color:#c2ced8;font-size:11px}.modal,.maintenance{position:fixed;inset:0;z-index:140;padding:18px;display:none;place-items:center;background:rgba(2,4,8,.8);backdrop-filter:blur(14px)}.modal.show,.maintenance.show{display:grid}.modal-card,.maintenance-card{width:min(390px,100%);position:relative;border:1px solid rgba(171,195,219,.14);border-radius:22px;background:linear-gradient(160deg,#111925,#0a1018);padding:22px;box-shadow:0 36px 100px rgba(0,0,0,.55)}.modal-x{position:absolute;right:11px;top:8px;border:0;background:transparent;color:#657484;font-size:24px;cursor:pointer}.modal-symbol{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.055);border:1px solid rgba(var(--accent-rgb),.1);color:#96e5d2}.modal-symbol svg{width:21px;height:21px}.modal-card h3,.maintenance-card h2{margin:14px 0 6px;font-size:19px}.modal-card p,.maintenance-card p{color:#708090;line-height:1.7;font-size:12px}.primary-wide{width:100%;height:43px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#7ba0ff);color:#06110e;font-weight:900}.maintenance-card{text-align:center}.maintenance-ring{display:block;width:60px;height:60px;margin:auto;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.18);box-shadow:0 0 0 11px rgba(var(--accent-rgb),.025);position:relative}.maintenance-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(112,152,255,.28);animation:spin 7s linear infinite}.skeleton{height:330px;border-radius:20px;background:linear-gradient(90deg,#0c1119,#121a26,#0c1119);background-size:220% 100%;animation:skeleton 1.35s infinite}
@keyframes skeleton{to{background-position:-220% 0}}@keyframes wireMove{to{stroke-dashoffset:-120}}@keyframes nodePulse{50%{opacity:.45;transform:scale(.8)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes pulseOrbit{50%{transform:scale(.97);opacity:.55}}
@media(max-width:980px){.app-hero{padding:34px}.hero-copy{width:61%}.hero-art{width:39%;min-width:320px}.tiers-grid{grid-template-columns:repeat(2,1fr)}.trust-row{grid-template-columns:repeat(2,1fr)}.trust-row>div:nth-child(2){border-right:0}.trust-row>div:nth-child(-n+2){border-bottom:1px solid rgba(171,195,219,.065)}}
@media(max-width:720px){
  body{background:linear-gradient(180deg,#070a10,#06080d 64%,#05070b)}.app-shell{padding-bottom:99px}.app-header{height:64px;padding:0 13px}.brand-logo{width:38px;height:38px;border-radius:13px}.brand-logo:after{border-radius:12px}.brand-copy b{font-size:14px;max-width:120px}.brand-copy small{display:none}.rpc-pill{display:none}.mini-action,.wallet-chip{height:36px}.mini-action{min-width:39px}.wallet-chip{min-width:auto;padding:0 10px;max-width:126px}.wallet-chip #walletText{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.wallet-chip svg{display:none}.app-main{padding:12px}.app-hero{min-height:405px;border-radius:24px;padding:23px 18px;align-items:flex-start}.hero-copy{width:100%;z-index:4}.protocol-pill{height:27px}.app-hero h1{font-size:39px;max-width:92%;margin-top:17px}.app-hero p{font-size:12px;line-height:1.72;max-width:83%}.hero-actions{margin-top:19px}.primary-cta,.glass-cta{height:42px}.primary-cta{padding:0 13px;font-size:11px}.glass-cta{display:none}.hero-mini-stats{gap:16px;margin-top:18px;max-width:77%}.hero-mini-stats div{min-width:0}.hero-mini-stats span{font-size:7px}.hero-mini-stats b{font-size:8px}.hero-art{position:absolute;right:-74px;bottom:-39px;width:260px;min-width:0;height:260px;opacity:.9}.orbit-a{width:190px;height:190px}.orbit-b{width:148px;height:148px}.orbit-c{width:230px;height:230px}.core-disc{width:100px;height:100px}.core-inner span{font-size:24px}.sat{display:none}.hero-wire{opacity:.16}.notice{padding:11px 12px}.trust-row{grid-template-columns:1fr 1fr;border-radius:16px}.trust-row>div{padding:10px 9px;gap:7px}.trust-icon{width:27px;height:27px;border-radius:9px}.trust-icon svg{width:14px;height:14px}.trust-row b{font-size:10px}.trust-row small{font-size:8px}.section-head{margin-top:24px}.section-head h2{font-size:19px}.section-head p{font-size:10px;max-width:260px}.live-state{display:none}.tiers-grid{gap:8px}.tier{padding:13px;border-radius:17px}.tier h3{font-size:14px}.tier .apr{font-size:28px}.tier-chart{height:28px}.tier-details{gap:4px}.tier-details span,.tier-details b{font-size:8px}.amount-wrap input{height:37px}.tier-actions{grid-template-columns:1fr}.tier button{height:36px}.tier-foot{display:none}.page-head-card{min-height:150px;border-radius:22px;padding:22px 18px}.page-head-card h1{font-size:20px}.page-head-card p{font-size:10px;max-width:78%}.head-graphic{position:absolute;right:-27px;bottom:-29px;width:120px;height:120px;opacity:.7}.orders-toolbar{margin-top:14px}.order-card{padding:13px}.order-grid{grid-template-columns:1fr 1fr;gap:6px}.order-grid div{padding:8px}.order-actions button{flex:1}.profile-top-card{min-height:116px;border-radius:22px;padding:18px}.profile-avatar{width:48px;height:48px;border-radius:16px}.profile-identity h1{font-size:19px}.profile-chain{display:none}.invite-primary-card{border-radius:20px;padding:16px}.invite-title-row{display:block}.invite-title-row h2{font-size:19px}.invite-title-row p{max-width:88%;font-size:10px}.invite-reward{position:absolute;right:0;top:2px}.invite-reward b{font-size:19px}.invite-link-wrap{margin-top:13px}.invite-link-box{height:45px;border-radius:13px}.invite-link-box input{font-size:9px}.invite-link-box button{height:35px;padding:0 10px}.invite-meta{margin-top:7px}.ref-levels{gap:6px;margin-top:12px}.ref-levels>div{padding:8px}.ref-levels>div b{font-size:16px}.ref-levels>i{width:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:7px}.metric{min-height:101px;padding:12px;border-radius:15px;gap:8px}.metric-icon{width:28px;height:28px;flex-basis:28px}.metric b{font-size:18px;max-width:120px}.bottom-nav{height:62px;bottom:calc(9px + var(--safe));border-radius:20px}.toast{bottom:84px}.skeleton{height:300px}
}
@media(max-width:390px){.app-hero h1{font-size:35px}.app-hero p{max-width:91%}.hero-mini-stats{max-width:90%}.tiers-grid{grid-template-columns:1fr}.tier-actions{grid-template-columns:.85fr 1.15fr}.stats-grid{grid-template-columns:1fr 1fr}.metric b{font-size:17px}.invite-reward{position:static;text-align:left;margin-top:10px}.invite-title-row p{max-width:100%}.ref-levels{grid-template-columns:1fr 1fr 1fr}.ref-levels>i{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-wire path,.orbit,.core-disc:after,.invite-lines path,.maintenance-ring:after{animation:none!important}}
.view.active{animation:viewIn .22s ease-out}.nav-btn.active:after{content:"";position:absolute;bottom:5px;width:13px;height:2px;border-radius:99px;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.5);z-index:3}@keyframes viewIn{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.view.active{animation:none!important}}
.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;position:relative;z-index:1}
.profile-avatar i{z-index:3}.profile-avatar:after{z-index:2;pointer-events:none}