@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root { --bg:#090c11; --panel:#10151d; --line:#202936; --muted:#8994a5; --text:#f2f5f8; --lime:#c8f36a; --cyan:#6fe3dc; --blue:#89aaff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--bg); font-family:Manrope,Arial,sans-serif; font-size:14px; }
a { color:inherit; text-decoration:none; }
.ambient { position:fixed; width:520px; height:520px; border-radius:50%; filter:blur(120px); opacity:.09; pointer-events:none; }.ambient-one{top:-250px;right:-90px;background:#89aaff}.ambient-two{bottom:-300px;left:160px;background:#c8f36a}
.shell { display:flex; min-height:100vh; position:relative; }
.sidebar { width:245px; padding:30px 19px 22px; border-right:1px solid var(--line); display:flex; flex-direction:column; flex-shrink:0; background:rgba(9,12,17,.82); }
.brand { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:800; letter-spacing:-.7px; padding:0 12px 48px; }.brand>span:last-child>span{color:var(--lime)}
.brand-mark { width:29px; height:29px; border:1px solid var(--lime); color:var(--lime); border-radius:8px; display:grid; place-items:center; font-size:15px; font-family:'DM Mono',monospace; box-shadow:0 0 22px rgba(200,243,106,.15); }
.account-label,.panel-kicker,.eyebrow { color:#637082; font-family:'DM Mono',monospace; font-size:10px; text-transform:uppercase; letter-spacing:1.25px; }.account-label{padding:0 14px 13px}
.nav { display:grid; gap:5px; }.nav-item,.help-link { display:flex; align-items:center; gap:13px; padding:12px 14px; border-radius:8px; color:#8e99aa; font-weight:600; transition:.2s; }.nav-item:hover,.nav-item.active,.help-link:hover{color:var(--text);background:#151c25}.nav-item.active{box-shadow:inset 2px 0 var(--lime)}.nav-icon{width:16px;color:#788598;text-align:center;font-size:16px}.nav-item.active .nav-icon{color:var(--lime)}
.sidebar-bottom{margin-top:auto}.help-link{margin-bottom:24px}.user-chip{border-top:1px solid var(--line);padding:19px 9px 0;display:flex;align-items:center;gap:10px}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:11px}.user-chip small{font-size:10px;color:#697688;margin-top:4px}.avatar{width:32px;height:32px;border-radius:50%;background:#1d2936;color:var(--lime);display:grid;place-items:center;font-size:10px;font-family:'DM Mono',monospace}
.main { width:min(1170px,100%); margin:0 auto; padding:42px 46px 27px; }.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.eyebrow{margin-bottom:10px}.topbar h1{font-size:24px;letter-spacing:-1px;margin:0}.discord-button,.primary-button,.form-button,.small-button{border:0;border-radius:7px;font-family:Manrope;font-weight:800;cursor:pointer;transition:transform .2s,filter .2s}.discord-button{padding:12px 15px;background:#202a36;color:#e9eef4}.discord-button:hover,.primary-button:hover,.form-button:hover,.small-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.discord-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#7289da;margin-right:8px}.arrow{color:var(--lime);margin-left:12px}
.hero{min-height:290px;border:1px solid var(--line);border-radius:14px;padding:38px 44px;display:flex;position:relative;overflow:hidden;background:linear-gradient(110deg,#111a20 0%,#10151d 54%,#10141c 100%);}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(200,243,106,.06),transparent 50%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:560px}.status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #33433a;background:#152019;color:#b8c6b7;border-radius:99px;padding:6px 10px;font-size:10px;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.6px}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px var(--lime)}.hero h2{font-size:42px;line-height:1.05;letter-spacing:-2.5px;margin:25px 0 14px}.hero h2 em{font-style:normal;color:var(--lime)}.hero p{color:#9ca7b6;max-width:405px;line-height:1.7;margin:0}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:25px}.primary-button,.form-button{display:inline-flex;align-items:center;gap:24px;background:var(--lime);color:#11170a;padding:12px 15px}.text-button{color:#c5cfda;font-weight:700}.text-button span{color:var(--lime);margin-left:7px}.hero-orbit{position:absolute;right:66px;top:14px;width:275px;height:260px;opacity:.9}.orbit{position:absolute;border:1px solid rgba(200,243,106,.23);border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:265px;height:130px;top:65px;left:0}.orbit-b{width:190px;height:245px;top:7px;left:39px}.orbit-c{width:118px;height:248px;top:6px;left:76px;transform:rotate(47deg);border-color:rgba(111,227,220,.22)}.core{position:absolute;top:101px;left:111px;width:55px;height:55px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;background:#152019;box-shadow:0 0 35px rgba(200,243,106,.2)}.core span{font-family:'DM Mono';color:var(--lime);font-size:15px}.core small{position:absolute;bottom:-19px;font-family:'DM Mono';font-size:8px;color:#778693}.orbit-node{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.node-a{right:14px;top:93px}.node-b{left:30px;top:177px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.node-c{left:225px;bottom:10px}
.metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:13px;margin:14px 0}.metric-card,.panel,.billing-strip{border:1px solid var(--line);border-radius:11px;background:rgba(16,21,29,.82)}.metric-card{padding:19px 20px;min-height:136px}.accent-card{border-color:#35452d;background:linear-gradient(140deg,#121d1d,#10151d)}.metric-top{display:flex;justify-content:space-between;color:#7f8b9b;font-size:11px;font-weight:600}.metric-icon{font-size:18px;color:var(--lime)}.metric-icon.green,.green,.green-text{color:#7ddc9d}.metric-value{font-size:28px;font-weight:700;letter-spacing:-1.2px;margin:14px 0 4px}.metric-value small{font-size:12px;color:#748192;font-weight:500}.network-value{font-size:18px;margin-top:20px}.metric-note{font-size:10px;color:#6f7c8d}.progress{height:4px;background:#26302a;border-radius:5px;margin-top:16px}.progress span{height:100%;display:block;background:var(--lime);border-radius:5px}
.content-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:14px}.panel{padding:24px 25px;min-height:390px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-kicker{margin-bottom:8px}.panel h3,.billing-strip h3{margin:0;font-size:18px;letter-spacing:-.7px}.panel-number{font-family:'DM Mono';font-size:10px;color:#5f6b7a;border:1px solid var(--line);border-radius:5px;padding:5px 7px}.panel-subtitle{font-size:11px;color:#7c8796;line-height:1.6;margin:9px 0 23px}.generator form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.generator label{display:grid;gap:8px;color:#a6b0bd;font-size:10px;font-family:'DM Mono';text-transform:uppercase;letter-spacing:.3px}.generator label:last-of-type{grid-column:1/-1}select,.quantity input,.quantity button{width:100%;border:1px solid #2b3542;background:#151c25;color:#e8edf3;padding:11px;border-radius:6px;font:12px Manrope;outline:none}.quantity{display:grid;grid-template-columns:34px 1fr 34px;gap:5px}.quantity button{cursor:pointer;color:var(--lime);padding:0;font-size:17px}.form-button{grid-column:1/-1;justify-content:space-between;margin-top:5px;padding:13px 15px}.view-link{font-size:11px;color:#8f9aaa}.view-link span{color:var(--lime);margin-left:7px}.empty-state{height:272px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty-icon{width:40px;height:40px;border-radius:50%;border:1px solid #32404e;display:grid;place-items:center;color:#8190a1;font-size:20px;margin-bottom:14px}.empty-state strong{font-size:13px}.empty-state p{color:#6e7c8c;font-size:11px;line-height:1.6;max-width:230px;margin:8px 0 15px}.small-button{padding:8px 11px;background:#1b2631;color:#b9c5d1;font-size:10px}
.billing-strip{margin-top:14px;padding:24px 25px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#121b1e,#10151d)}.billing-strip p{color:#7f8b98;font-size:11px;margin:8px 0 0}.billing-strip .primary-button{font-size:11px}.billing-strip .primary-button span{font-size:16px}footer{display:flex;justify-content:space-between;color:#546172;font-size:10px;padding:25px 2px 0;font-family:'DM Mono'}
.toast{position:fixed;right:25px;bottom:25px;background:#d4fa7b;color:#12190b;padding:13px 16px;border-radius:7px;font-weight:700;font-size:12px;transform:translateY(90px);opacity:0;transition:.3s;box-shadow:0 10px 35px rgba(0,0,0,.3)}.toast.show{transform:translateY(0);opacity:1}
.payment-dialog{width:min(560px,calc(100% - 30px));border:1px solid #465b3c;border-radius:16px;background:linear-gradient(145deg,#141e1d,#10151d 72%);color:var(--text);padding:42px 44px 38px;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.72)}.payment-dialog::backdrop{background:rgba(3,5,8,.84);backdrop-filter:blur(4px)}.payment-dialog-icon{width:64px;height:64px;margin:0 auto 22px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;background:#1b2c20;color:var(--lime);font-size:30px;box-shadow:0 0 35px rgba(200,243,106,.16)}.payment-dialog h3{margin:10px 0 12px;font-size:25px;letter-spacing:-.9px}.payment-dialog p{max-width:410px;margin:0 auto;color:#a6b1bf;font-size:13px;line-height:1.7}.payment-dialog-button{margin:28px auto 0;border:0;justify-content:center;min-width:220px}.payment-dialog-button span{font-size:17px}
.buy-dialog{width:min(450px,calc(100% - 30px));border:1px solid #334050;border-radius:12px;background:#10151d;color:var(--text);padding:27px;box-shadow:0 25px 80px rgba(0,0,0,.6)}.buy-dialog::backdrop{background:rgba(3,5,8,.78)}.buy-dialog h3{margin:8px 0}.buy-dialog p{color:#7f8b98;font-size:11px;line-height:1.6;margin:0 0 20px}.dialog-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#8490a0;font-size:24px;cursor:pointer}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.package-grid button{display:grid;gap:4px;text-align:left;padding:13px 11px;border:1px solid #2a3542;border-radius:7px;background:#151c25;color:var(--text);cursor:pointer}.package-grid button:hover{border-color:var(--lime);background:#18231e}.package-grid strong{font-size:13px}.package-grid span{font:10px 'DM Mono';color:var(--lime)}
@media(max-width:900px){.sidebar{width:190px}.main{padding:30px 24px}.hero-orbit{right:-30px;opacity:.45}.content-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric-card:first-child{grid-column:1/-1}}
@media(max-width:620px){.shell{display:block}.sidebar{width:100%;height:auto;padding:20px 15px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 10px 20px}.account-label,.nav-item:nth-child(n+3),.sidebar-bottom{display:none}.nav{display:flex}.nav-item{font-size:11px;padding:9px}.main{padding:25px 15px}.topbar{display:block}.discord-button{margin-top:20px}.hero{padding:27px 23px;min-height:390px}.hero h2{font-size:34px}.hero-orbit{top:170px;right:-55px;opacity:.35}.metrics{display:block}.metric-card{margin-bottom:10px}.generator form{grid-template-columns:1fr}.generator label:last-of-type{grid-column:auto}.form-button{grid-column:auto}.billing-strip{display:block}.billing-strip .primary-button{margin-top:18px}footer{display:block;line-height:2.2}}

[hidden] { display: none !important; }
.landing-page { position: relative; z-index: 1; width: min(1240px, 100%); margin: 0 auto; padding: 27px 46px 28px; }
.landing-nav { display: flex; align-items: center; justify-content: space-between; min-height: 42px; }
.landing-nav .brand { padding: 0; }
.landing-links { display: flex; gap: 31px; color: #7f8b9b; font-size: 11px; font-weight: 700; }
.landing-links a, .nav-dashboard { transition: color .2s, transform .2s; }
.landing-links a:hover { color: var(--text); }
.nav-dashboard { display: inline-flex; align-items: center; gap: 15px; padding: 11px 14px; border: 1px solid #303b49; border-radius: 7px; background: #151c25; color: #e8edf3; font-size: 11px; font-weight: 800; }
.nav-dashboard span { color: var(--lime); font-size: 15px; }
.nav-dashboard:hover { color: var(--lime); transform: translateY(-1px); }
.landing-hero { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 40px; min-height: 590px; padding: 62px 27px 69px; }
.landing-copy { max-width: 610px; }
.landing-copy h1 { margin: 24px 0 18px; max-width: 650px; font-size: clamp(44px, 6vw, 76px); line-height: .98; letter-spacing: -4.5px; }
.landing-copy h1 em, .how-section h2 em { color: var(--lime); font-style: normal; }
.landing-lede { max-width: 470px; margin: 0; color: #99a5b5; font-size: 15px; line-height: 1.8; }
.landing-actions { display: flex; align-items: center; gap: 26px; margin-top: 31px; }
.landing-actions .primary-button { padding: 14px 17px; }
.landing-trust { display: flex; align-items: center; gap: 9px; margin-top: 41px; color: #657285; font: 10px 'DM Mono', monospace; letter-spacing: .2px; }
.trust-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.landing-visual { position: relative; width: min(100%, 480px); height: 395px; justify-self: end; }
.visual-glow { position: absolute; inset: 42px 35px 32px 40px; border-radius: 50%; background: radial-gradient(circle, rgba(200,243,106,.16), rgba(111,227,220,.05) 44%, transparent 69%); filter: blur(12px); }
.visual-card { position: absolute; border: 1px solid #30403b; border-radius: 15px; background: linear-gradient(145deg, rgba(24,37,37,.96), rgba(13,19,25,.96)); box-shadow: 0 27px 70px rgba(0,0,0,.38); }
.visual-card-back { top: 36px; right: 23px; width: 244px; height: 286px; padding: 22px; transform: rotate(9deg); opacity: .58; color: #758393; font: 9px 'DM Mono', monospace; letter-spacing: 1px; }
.visual-card-back small { display: block; margin-top: 10px; color: #586a76; font-size: 7px; }
.visual-card-front { top: 76px; left: 45px; width: 309px; height: 240px; padding: 24px; transform: rotate(-5deg); }
.visual-card-top, .visual-card-bottom { display: flex; align-items: center; justify-content: space-between; color: #768394; font: 9px 'DM Mono', monospace; letter-spacing: 1px; }
.mini-mark { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid var(--lime); border-radius: 7px; color: var(--lime); }
.live-label { display: inline-flex; align-items: center; gap: 6px; color: #9fcda6; font-size: 8px; }
.live-label i { width: 5px; height: 5px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 8px var(--lime); }
.visual-card-title { margin-top: 48px; color: #e8edf0; font-size: 24px; line-height: 1.08; letter-spacing: -1.3px; }
.visual-card-title strong { color: var(--lime); font-weight: 700; }
.visual-line { display: flex; align-items: end; gap: 5px; height: 39px; margin-top: 21px; }
.visual-line span, .visual-line b { display: block; width: 8px; border-radius: 3px 3px 0 0; background: #36463e; }
.visual-line span:nth-child(1) { height: 18px; }.visual-line span:nth-child(2) { height: 29px; }.visual-line span:nth-child(3) { height: 22px; }.visual-line span:nth-child(4) { height: 36px; background: var(--cyan); }.visual-line span:nth-child(5) { height: 27px; }.visual-line b { height: 39px; background: var(--lime); }
.visual-card-bottom { position: absolute; right: 24px; bottom: 19px; left: 24px; font-size: 7px; }
.visual-node { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 15px var(--lime); }
.visual-node-one { top: 50px; left: 28px; }.visual-node-two { right: 4px; bottom: 58px; background: var(--cyan); box-shadow: 0 0 15px var(--cyan); }
.landing-section { padding: 73px 27px 84px; border-top: 1px solid var(--line); }
.section-intro h2 { max-width: 500px; margin: 13px 0 31px; font-size: 30px; letter-spacing: -1.6px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.feature-card { position: relative; min-height: 230px; padding: 24px; border: 1px solid var(--line); border-radius: 11px; background: rgba(16,21,29,.72); }
.feature-card:hover { border-color: #394b43; background: rgba(18,28,29,.85); }
.feature-number { position: absolute; top: 21px; right: 21px; color: #566375; font: 10px 'DM Mono', monospace; }
.feature-icon { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #385046; border-radius: 9px; color: var(--lime); font-size: 22px; }
.feature-card h3 { margin: 30px 0 10px; font-size: 16px; letter-spacing: -.5px; }.feature-card p { max-width: 270px; margin: 0; color: #788596; font-size: 11px; line-height: 1.75; }
.how-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; padding: 72px 27px 88px; border-top: 1px solid var(--line); }
.how-section h2 { margin: 14px 0 0; font-size: 34px; line-height: 1.08; letter-spacing: -1.8px; }
.steps { display: grid; gap: 0; }.step { display: grid; grid-template-columns: 45px 1fr; gap: 23px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--line); }.step:first-child { border-top: 1px solid var(--line); }.step > span { color: var(--lime); font: 10px 'DM Mono', monospace; }.step p { margin: 0; color: #a2adbb; font-size: 12px; line-height: 1.65; }
.landing-footer { display: flex; justify-content: space-between; padding: 25px 27px 0; border-top: 1px solid var(--line); color: #546172; font: 10px 'DM Mono', monospace; }
.dashboard-view { position: relative; z-index: 1; }
.logout-form { margin: 0; }.logout-form .discord-button { cursor: pointer; }
.login-page { position: relative; z-index: 1; width: min(950px, 100%); min-height: 100vh; margin: 0 auto; padding: 27px 46px 28px; }
.login-main { display: flex; min-height: calc(100vh - 96px); flex-direction: column; align-items: center; justify-content: center; padding-bottom: 70px; text-align: center; }
.login-main h1 { margin: 25px 0 16px; font-size: clamp(42px, 6vw, 65px); line-height: 1; letter-spacing: -3.5px; }.login-main h1 em { color: var(--lime); font-style: normal; }.login-main p { max-width: 405px; margin: 0 0 28px; color: #8d9aaa; font-size: 13px; line-height: 1.8; }.login-main .primary-button { padding: 14px 17px; }
@media(max-width:900px){.landing-page{padding-right:24px;padding-left:24px}.landing-hero{grid-template-columns:1fr;min-height:0;padding-top:75px}.landing-visual{justify-self:center;margin-top:20px}.how-section{gap:35px}}
@media(max-width:620px){.landing-page{padding:20px 15px 24px}.landing-links{display:none}.landing-nav{gap:12px}.landing-nav .nav-dashboard{margin-left:auto}.landing-hero{padding:69px 10px 75px}.landing-copy h1{font-size:47px;letter-spacing:-2.8px}.landing-lede{font-size:13px}.landing-actions{align-items:flex-start;flex-direction:column;gap:18px}.landing-trust{line-height:1.7;margin-top:31px}.landing-visual{height:315px;transform:scale(.78);transform-origin:top center;margin-bottom:-58px}.landing-section,.how-section{padding-right:10px;padding-left:10px}.feature-grid,.how-section{grid-template-columns:1fr}.feature-card{min-height:190px}.how-section{gap:35px}.landing-footer{display:block;padding-right:10px;padding-left:10px;line-height:2.2}.landing-footer span{display:block}.login-page{padding:20px 15px 24px}.login-main{min-height:calc(100vh - 82px);padding-bottom:40px}.login-main h1{font-size:45px;letter-spacing:-2.7px}}