:root{--bg:#09090b;--card:#151319;--card2:#1c191f;--ink:#f8f6f2;--muted:#a7a2ad;--line:rgba(255,255,255,.12);--orange:#f4752e;--orange2:#ff9a61;--lime:#c9f76f;--red:#ff6c6c;color-scheme:dark}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 85% 0,rgba(117,86,223,.18),transparent 31rem),var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,a{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(9,9,11,.94);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:950;letter-spacing:-.04em}.brand img{border-radius:50%}.brand span{display:flex;flex-direction:column}.brand small{margin-top:2px;color:var(--orange2);font-size:8px;letter-spacing:.16em}.top-actions{display:flex;align-items:center;gap:8px}
main{width:min(1180px,calc(100% - 48px));min-height:calc(100vh - 76px);margin:auto;padding:54px 0 80px}.loading-screen{display:grid;min-height:55vh;place-items:center;align-content:center;gap:16px;color:var(--muted)}.spinner{width:38px;height:38px;border:3px solid #ffffff22;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.ghost,.primary,.danger{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:#18161b;font-weight:850}.compact{min-height:39px;padding:0 13px;font-size:13px}.primary{border-color:var(--orange);color:#1b0d05;background:var(--orange)}.primary:hover{background:#ff8745}.ghost:hover{border-color:#ffffff38;background:#201d24}.danger{margin-top:24px;border-color:#ff6c6c55;color:#ff9696;background:#2a1518}.wide{width:100%;min-height:52px}.eyebrow{color:var(--orange2);font-size:11px;font-weight:900;letter-spacing:.14em}
.auth-shell{display:grid;grid-template-columns:1.05fr .75fr;align-items:center;gap:90px;min-height:calc(100vh - 210px)}.auth-copy h1{margin:19px 0 24px;font-family:"Arial Black",Inter,sans-serif;font-size:clamp(48px,6vw,84px);line-height:.91;letter-spacing:-.065em;text-transform:uppercase}.auth-copy h1 em{color:var(--orange);font-style:normal}.auth-copy>p{max-width:650px;color:#b4afb9;font-size:17px;line-height:1.65}.auth-points{display:grid;gap:11px;margin-top:32px}.auth-points span{display:flex;align-items:center;gap:13px;color:#d4d0d7;font-size:14px}.auth-points i{display:grid;width:34px;height:34px;place-items:center;border:1px solid #f4752e55;border-radius:10px;color:var(--orange2);font-size:10px;font-style:normal;font-weight:900}.auth-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,#1b181e,#111014);box-shadow:0 30px 90px #0008}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:26px;padding:5px;border-radius:13px;background:#0e0d10}.tabs button,.section-tabs button{min-height:43px;border:0;border-radius:9px;color:#8f8994;background:transparent;font-weight:850}.tabs button.active{color:#1a0c05;background:var(--orange)}form{display:grid;gap:16px}label{display:grid;gap:8px;color:#a9a3ae;font-size:12px;font-weight:750}input,select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:11px;outline:0;color:#fff;background:#0d0c0f}input:focus,select:focus{border-color:#f4752eaa;box-shadow:0 0 0 3px #f4752e17}.form-note{margin:2px 0 0;color:#716c76;font-size:11px;text-align:center}.form-error{min-height:18px;margin:0;color:#ff8b8b;font-size:12px;text-align:center}
.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.dashboard-head h1{margin:10px 0 0;font-family:"Arial Black",sans-serif;font-size:clamp(31px,5vw,55px);line-height:1;letter-spacing:-.055em;overflow-wrap:anywhere}.plan-badge{display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #c9f76f44;border-radius:999px;color:var(--lime);background:#151914;font-size:12px;font-weight:950}.plan-badge i,.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.section-tabs{display:flex;gap:7px;margin-bottom:22px;padding:5px;border:1px solid var(--line);border-radius:15px;background:#111014;overflow-x:auto}.section-tabs button{flex:1;min-width:130px;padding:0 18px}.section-tabs button.active{color:#fff;background:#28242c}.panel{display:none}.panel.active{display:block}.metric-grid{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:13px}.metric{min-height:178px;padding:24px;border:1px solid var(--line);border-radius:19px;background:var(--card)}.metric.accent{color:#1b0e07;border-color:var(--orange);background:var(--orange)}.metric>span,.referral-grid article>span{display:block;color:#8e8893;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.metric.accent>span{color:#2b170d99}.metric strong{display:block;margin:35px 0 9px;font-family:"Arial Black",sans-serif;font-size:32px;letter-spacing:-.045em}.metric small{color:#8f8994;line-height:1.4}.metric.accent small{color:#2b170db5}.notice{display:flex;gap:17px;margin-top:15px;padding:24px;border:1px solid #c9f76f38;border-radius:18px;background:#151814}.notice>i{flex:0 0 auto;width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #c9f76f99}.notice p{margin:6px 0 0;color:#979d8c;font-size:13px;line-height:1.55}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:40px 0 25px}.section-heading h2{margin:10px 0 0;font-family:"Arial Black",sans-serif;font-size:clamp(34px,5vw,57px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase}.section-heading>p{max-width:480px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product{position:relative;display:flex;min-height:280px;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:19px;background:var(--card)}.product.featured{border-color:var(--orange)}.product .tag{position:absolute;top:18px;right:18px;padding:6px 8px;border-radius:8px;color:#183008;background:var(--lime);font-size:11px}.product>span{color:#aaa4af;font-size:12px;font-weight:850}.product strong{display:block;margin:31px 0 8px;font-family:"Arial Black",sans-serif;font-size:42px;letter-spacing:-.055em}.product strong em{color:#918b96;font-family:Inter,sans-serif;font-size:13px;font-style:normal}.product small{color:#817b87}.product button{width:100%;margin-top:auto}.payment-status{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:14px;padding:20px;border:1px solid #c9f76f44;border-radius:17px;background:#141713}.payment-status>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:11px}.payment-status p{grid-column:2;margin:5px 0 0;color:#969c8c;font-size:12px}.row-actions{display:flex;gap:8px}.wallet-payment{margin-top:15px;border:1px solid var(--line);border-radius:19px;background:var(--card);overflow:hidden}.wallet-payment summary{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;cursor:pointer;font-weight:850}.wallet-payment summary small{color:#827c87}.wallet-body{padding:0 24px 24px;border-top:1px solid var(--line)}.wallet-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:11px;padding-top:22px}.wallet-invoice{display:grid;gap:14px;margin-top:22px;padding:20px;border:1px solid #ffffff13;border-radius:15px;background:#0e0d10}.invoice-line{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:12px}.invoice-line span{color:#85808a;font-size:11px}.invoice-line code{overflow:hidden;text-overflow:ellipsis;color:#fff}.copy-button{min-height:34px;border:1px solid var(--line);border-radius:8px;color:#aaa4af;background:#19171c;font-size:11px}
.gift-ready,.gift-redeem,.gift-history{margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:19px;background:var(--card)}.gift-ready{border-color:#ff712f66;background:linear-gradient(135deg,#25160f,#141215)}.gift-ready h3,.gift-redeem h3{margin:10px 0 8px;font-family:"Arial Black",sans-serif;font-size:28px;text-transform:uppercase}.gift-ready code{display:block;margin:18px 0;padding:16px;border:1px dashed #ff712f88;border-radius:12px;color:#ff8a51;background:#0c0b0d;font-size:clamp(15px,3vw,22px);font-weight:900;letter-spacing:.08em;text-align:center}.gift-ready p,.gift-redeem p{color:var(--muted);font-size:13px;line-height:1.6}.gift-redeem{display:grid;grid-template-columns:1fr minmax(300px,1fr);align-items:end;gap:24px}.gift-redeem form{display:grid;grid-template-columns:1fr auto;gap:10px}.gift-redeem input{text-transform:uppercase}.gift-history .compact-list{margin-top:14px}.gift-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid #ffffff10;border-radius:13px;background:#0e0d10}.gift-row+ .gift-row{margin-top:8px}.gift-row strong,.gift-row code{display:block}.gift-row code{margin-top:5px;color:#ff8a51;font-size:11px}.gift-row small{color:var(--muted)}
.device-list{display:grid;gap:10px}.device{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.device-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;color:var(--orange2);background:#f4752e17;font-weight:950}.device strong{display:block}.device small{display:block;margin-top:4px;color:#817b87}.device button{min-height:38px;border:1px solid #ff6c6c44;border-radius:10px;color:#ff9696;background:#261416}.empty{padding:30px;border:1px dashed var(--line);border-radius:16px;color:#817b87;text-align:center}.referral-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:13px}.referral-grid article{min-height:180px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.referral-grid strong{display:block;margin:32px 0 10px;font-family:"Arial Black",sans-serif;font-size:30px}.referral-grid small{color:#817b87}.claim-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:15px;padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:min(410px,calc(100vw - 44px));padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:#242027;box-shadow:0 14px 40px #0009;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#ff6c6c55;color:#ffaaaa}
.referral-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.referral-benefits article{display:flex;min-height:120px;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid #f4752e38;border-radius:15px;background:#171315}.referral-benefits b{color:var(--orange2);font-family:"Arial Black",sans-serif;font-size:21px;letter-spacing:-.035em}.referral-benefits b i{font-family:Inter,sans-serif;font-size:12px;font-style:normal}.referral-benefits span{color:#918b96;font-size:11px;line-height:1.45}.referral-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.referral-section{padding:21px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.subheading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.subheading h3{margin:0;font-size:15px}.subheading small{color:#817b87;font-size:11px}.compact-list{display:grid;gap:8px}.compact-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-radius:11px;background:#0f0e11}.compact-row strong,.compact-row small{display:block}.compact-row small{margin-top:3px;color:#79747e;font-size:10px}.compact-row>span:last-child{align-self:center;color:#d5d0d8;font-size:12px;font-weight:850}.payout-request{margin-top:15px;border:1px solid var(--line);border-radius:17px;background:var(--card);overflow:hidden}.payout-request summary{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;cursor:pointer;font-weight:850}.payout-request summary small{color:#817b87;font-size:11px}.payout-request form{grid-template-columns:1fr 1fr 2fr auto;align-items:end;padding:21px;border-top:1px solid var(--line)}.payout-note{margin:0;padding:0 21px 18px;color:#8d8793;font-size:11px}.payout-note.error{color:#ff9696}.payout-request.unavailable{opacity:.67}.payout-request.unavailable summary{cursor:not-allowed}.payout-request button:disabled,.primary:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.55}.toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:min(410px,calc(100vw - 44px));padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:#242027;box-shadow:0 14px 40px #0009;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#ff6c6c55;color:#ffaaaa}
@media(max-width:900px){main{width:min(100% - 30px,720px);padding-top:35px}.topbar{padding:0 15px}.auth-shell{grid-template-columns:1fr;gap:35px}.auth-copy h1{font-size:clamp(43px,13vw,70px)}.metric-grid,.product-grid,.referral-grid,.referral-benefits,.referral-columns{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:14px}.wallet-form{grid-template-columns:1fr 1fr}.wallet-form .primary{grid-column:1/-1}.payout-request form{grid-template-columns:1fr 1fr}.payout-request .wallet-address,.payout-request button{grid-column:1/-1}.payment-status{align-items:flex-start;flex-direction:column}.row-actions{width:100%}.row-actions>*{flex:1}.dashboard-head{align-items:flex-start;flex-direction:column}.dashboard-head h1{font-size:34px}.gift-redeem{grid-template-columns:1fr}}
@media(max-width:560px){.brand span{font-size:15px}.top-actions .ghost[href="/"]{display:none}main{width:calc(100% - 22px)}.auth-card{padding:20px}.section-tabs{border-radius:13px}.section-tabs button{min-width:112px;padding:0 11px}.wallet-form,.payout-request form,.gift-redeem form{grid-template-columns:1fr}.invoice-line{grid-template-columns:1fr}.device{grid-template-columns:auto 1fr}.device button{grid-column:1/-1}.claim-form{grid-template-columns:1fr}.metric,.product{min-height:auto}.product button{margin-top:25px}.referral-grid article{min-height:150px}.payout-request summary{align-items:flex-start;flex-direction:column;gap:5px}.subheading{align-items:flex-start;flex-direction:column}}

.balance-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin:0 0 24px;padding:24px;border:1px solid #ff712b61;border-radius:22px;background:linear-gradient(135deg,#ff712b1f,#7b51ff14)}.balance-card strong{display:block;margin:8px 0 4px;font-size:clamp(32px,5vw,52px)}.balance-card p{margin:0;color:var(--muted)}.balance-actions{display:flex;gap:10px;align-items:end}.balance-actions label{min-width:110px}.auto-renew-row{grid-column:1/-1;display:flex;gap:12px;align-items:center;padding-top:18px;border-top:1px solid var(--line);cursor:pointer}.auto-renew-row input{width:20px;height:20px;accent-color:var(--orange)}.auto-renew-row span{display:grid;gap:4px}.auto-renew-row small{color:var(--muted)}.product .balance-pay{margin-top:8px;width:100%}@media(max-width:720px){.balance-card{grid-template-columns:1fr}.balance-actions{align-items:stretch;flex-direction:column}.balance-actions label{width:100%}}
.password-input{position:relative;display:block}.password-input input{padding-right:50px}.password-toggle{position:absolute;top:4px;right:4px;display:grid;width:40px;height:40px;padding:9px;place-items:center;border:0;border-radius:8px;color:#8e8893;background:transparent}.password-toggle:hover,.password-toggle:focus-visible{color:var(--orange2);background:#f4752e12;outline:0}.password-toggle svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle-slash{display:none}.password-toggle.revealed .password-toggle-slash{display:block}
.text-button{min-height:32px;padding:0;border:0;color:#aaa4af;background:transparent;font-size:12px;font-weight:800;text-align:center}.text-button:hover,.text-button:focus-visible{color:var(--orange2);outline:0}.reset-panel h2{margin:0 0 10px;font-size:26px;letter-spacing:-.035em}.reset-panel>p{margin:0 0 24px;color:#9b959f;font-size:13px;line-height:1.55}.reset-panel .form-note{min-height:18px;color:#b8d881;line-height:1.5}.reset-actions{display:grid;gap:14px}