:root {
  --gb-bg:#060b09;
  --gb-panel:#0d1512;
  --gb-panel-2:#111b17;
  --gb-line:rgba(255,255,255,.075);
  --gb-muted:#84918b;
  --gb-text:#f4f8f5;
  --gb-green:#65ff35;
  --gb-green-soft:rgba(101,255,53,.11);
  --gb-gold:#e8c86a;
  --gb-radius:22px;
  --gb-shadow:0 24px 64px rgba(0,0,0,.3);
}

.gb-icon { width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.gb-account-hero {
  min-height:190px;margin-top:18px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px;
  overflow:hidden;position:relative;border:1px solid rgba(101,255,53,.13);border-radius:28px;
  background:radial-gradient(circle at 78% 18%,rgba(101,255,53,.14),transparent 31%),linear-gradient(135deg,#111d17 0%,#08100d 62%,#060a08 100%);
  box-shadow:var(--gb-shadow);
}
.gb-account-hero::after { content:"";position:absolute;width:320px;height:320px;right:-110px;top:-180px;border:1px solid rgba(101,255,53,.12);border-radius:50%;box-shadow:0 0 0 34px rgba(101,255,53,.025),0 0 0 76px rgba(101,255,53,.015); }
.gb-account-hero > * { position:relative;z-index:1; }
.gb-account-hero > div:first-child > span,.gb-section-card header > div > span { color:var(--gb-green);font-size:10px;font-weight:900;letter-spacing:2px; }
.gb-account-hero h1 { margin:8px 0 7px;color:var(--gb-text);font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-1.7px; }
.gb-account-hero p { max-width:620px;margin:0;color:#95a29b;font-size:14px;line-height:1.6; }
.gb-hero-balance { min-width:230px;padding:18px 21px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(7,13,10,.7);backdrop-filter:blur(18px); }
.gb-hero-balance small { display:block;color:#78857f;font-size:9px;font-weight:900;letter-spacing:1.3px; }
.gb-hero-balance strong { display:block;margin:7px 0 6px;color:#fff;font-size:25px;letter-spacing:-.7px; }
.gb-hero-balance i { color:var(--gb-green);font-size:10px;font-style:normal;font-weight:800; }

.gb-account-shell { margin:22px 0 50px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start; }
.gb-account-nav { position:sticky;top:88px;padding:12px;border:1px solid var(--gb-line);border-radius:22px;background:linear-gradient(180deg,rgba(17,27,23,.97),rgba(9,15,12,.98));box-shadow:0 18px 44px rgba(0,0,0,.22); }
.gb-account-user { padding:10px 9px 17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--gb-line); }
.gb-avatar { width:43px;height:43px;position:relative;display:grid;place-items:center;border:1px solid rgba(101,255,53,.28);border-radius:14px;background:linear-gradient(145deg,#273c2f,#101b15);color:var(--gb-green);font-size:17px;font-weight:950;box-shadow:inset 0 0 18px rgba(101,255,53,.06); }
.gb-avatar i { position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #111a16;border-radius:50%;background:var(--gb-green); }
.gb-account-user small { display:block;color:#66736d;font-size:8px;font-weight:900;letter-spacing:1px; }
.gb-account-user strong { display:block;max-width:125px;margin-top:4px;overflow:hidden;color:#eef4f0;font-size:13px;text-overflow:ellipsis;white-space:nowrap; }
.gb-account-nav nav { padding:9px 0;display:grid;gap:3px; }
.gb-account-nav nav button { width:100%;height:43px;padding:0 11px;display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:12px;background:transparent;color:#8d9993;font-size:11px;font-weight:850;text-align:left;transition:.2s ease;cursor:pointer; }
.gb-account-nav nav button .gb-icon { width:17px;height:17px; }
.gb-account-nav nav button:hover { color:#dbe5df;background:rgba(255,255,255,.035); }
.gb-account-nav nav button.active { border-color:rgba(101,255,53,.13);background:linear-gradient(90deg,rgba(101,255,53,.13),rgba(101,255,53,.035));color:var(--gb-green);box-shadow:inset 3px 0 var(--gb-green); }
.gb-account-nav nav button em { min-width:20px;height:20px;margin-left:auto;display:grid;place-items:center;border-radius:999px;background:var(--gb-green);color:#071008;font-size:9px;font-style:normal; }
.gb-nav-security { margin-top:3px;padding:12px 10px;display:flex;align-items:center;gap:9px;border-radius:13px;background:rgba(101,255,53,.045);color:var(--gb-green); }
.gb-nav-security .gb-icon { width:17px;height:17px; }
.gb-nav-security b,.gb-nav-security span { display:block; }
.gb-nav-security b { color:#b9c5bf;font-size:9px; }.gb-nav-security span { margin-top:2px;color:#65736c;font-size:8px; }
.gb-account-content { min-width:0;display:grid;gap:18px; }
.gb-glass-card,.gb-section-card,.gb-stat-grid article,.gb-balance-grid article,.gb-payment-form { border:1px solid var(--gb-line);border-radius:var(--gb-radius);background:linear-gradient(145deg,rgba(18,28,24,.96),rgba(10,16,13,.98));box-shadow:0 18px 48px rgba(0,0,0,.2); }

.gb-profile-card { min-height:128px;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px; }
.gb-profile-identity { display:flex;align-items:center;gap:17px; }
.gb-profile-avatar { width:76px;height:76px;position:relative;display:grid;place-items:center;border:1px solid rgba(101,255,53,.25);border-radius:23px;background:radial-gradient(circle at 35% 25%,#36533e,#122018 70%);color:#fff;font-size:28px;font-weight:900;box-shadow:0 14px 34px rgba(0,0,0,.26); }
.gb-profile-avatar > span { position:absolute;right:-6px;bottom:-6px;width:28px;height:28px;display:grid;place-items:center;border:4px solid #111b17;border-radius:10px;background:var(--gb-green);color:#071008; }
.gb-profile-avatar .gb-icon { width:14px;height:14px; }
.gb-profile-identity small { color:#6e7c75;font-size:9px;font-weight:900;letter-spacing:1.1px; }
.gb-profile-identity h2 { margin:5px 0 4px;color:#f4f8f5;font-size:22px;letter-spacing:-.4px; }.gb-profile-identity p { margin:0;color:#829089;font-size:11px; }
.gb-verify { min-width:175px;padding:13px 15px;display:flex;align-items:center;gap:11px;border:1px solid var(--gb-line);border-radius:14px;background:rgba(255,255,255,.02);color:#9aa6a0; }
.gb-verify.verified { border-color:rgba(101,255,53,.2);background:var(--gb-green-soft);color:var(--gb-green); }
.gb-verify .gb-icon { width:22px;height:22px; }.gb-verify small,.gb-verify strong { display:block; }.gb-verify small { color:#718078;font-size:8px;font-weight:900;letter-spacing:1px; }.gb-verify strong { margin-top:3px;color:currentColor;font-size:11px; }

.gb-level-card { padding:22px 25px;overflow:hidden;position:relative;background:radial-gradient(circle at 88% 30%,rgba(232,200,106,.13),transparent 25%),linear-gradient(135deg,#171811,#0c120f); }
.gb-level-top { display:flex;align-items:center;justify-content:space-between; }.gb-level-top span { color:var(--gb-gold);font-size:9px;font-weight:900;letter-spacing:1.5px; }.gb-level-top h3 { margin:5px 0 0;color:#fff;font-size:20px; }
.gb-level-orbit { width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(232,200,106,.35);border-radius:50%;box-shadow:0 0 0 6px rgba(232,200,106,.04),inset 0 0 20px rgba(232,200,106,.08); }.gb-level-orbit strong { color:var(--gb-gold);font-size:16px; }
.gb-progress { height:7px;margin:20px 0 9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.065); }.gb-progress i { height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--gb-green),#c6ff4a);box-shadow:0 0 14px rgba(101,255,53,.42);transition:width .7s cubic-bezier(.2,.8,.2,1); }
.gb-level-meta { display:flex;justify-content:space-between;color:#77847d;font-size:9px; }.gb-level-meta b { color:#aeb9b3; }

.gb-stat-grid { display:grid;gap:14px; }.gb-stat-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.gb-stat-grid article { min-height:135px;padding:18px;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease; }.gb-stat-grid article:hover,.gb-balance-grid article:hover { transform:translateY(-3px);border-color:rgba(101,255,53,.18); }
.gb-stat-grid article > .gb-icon { width:20px;height:20px;margin-bottom:17px;color:var(--gb-green); }.gb-stat-grid small,.gb-balance-grid small { display:block;color:#6e7b74;font-size:8px;font-weight:900;letter-spacing:1.1px; }.gb-stat-grid strong,.gb-balance-grid strong { display:block;margin:6px 0 5px;color:#f5f8f6;font-size:19px;letter-spacing:-.4px; }.gb-stat-grid strong.date { font-size:12px;line-height:1.3; }.gb-stat-grid article > span,.gb-balance-grid article > span { color:#69766f;font-size:9px; }

.gb-section-card { min-width:0;overflow:hidden; }.gb-section-card > header { min-height:72px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--gb-line); }
.gb-section-card header h2 { margin:4px 0 0;color:#f2f6f3;font-size:17px;letter-spacing:-.3px; }.gb-section-card header > button { padding:8px 10px;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#8b9891;font-size:9px;font-weight:850;cursor:pointer; }.gb-section-card header > button:hover { color:var(--gb-green); }.gb-section-card header > button .gb-icon { width:14px;height:14px; }.gb-section-card header > b { color:#728078;font-size:9px; }
.gb-activity-list { padding:4px 18px 8px; }.gb-activity-row { min-width:0;padding:13px 3px;display:grid;grid-template-columns:38px minmax(0,1fr) 120px 150px;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05); }.gb-activity-row:last-child { border-bottom:0; }
.gb-activity-icon { width:36px;height:36px;display:grid;place-items:center;border-radius:12px; }.gb-activity-icon.plus { background:rgba(101,255,53,.09);color:var(--gb-green); }.gb-activity-icon.minus { background:rgba(255,112,112,.08);color:#ff8989; }.gb-activity-icon .gb-icon { width:16px;height:16px; }
.gb-activity-main { min-width:0; }.gb-activity-main b,.gb-activity-main span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.gb-activity-main b { color:#dfe7e2;font-size:11px; }.gb-activity-main span { margin-top:4px;color:#69766f;font-size:9px; }.gb-activity-row time { color:#68746e;font-size:9px; }.gb-activity-value { text-align:right; }.gb-activity-value strong { display:block;font-size:11px; }.gb-activity-value.plus strong { color:var(--gb-green); }.gb-activity-value.minus strong { color:#ff9292; }
.gb-status { margin-top:5px;display:inline-flex;align-items:center;gap:5px;color:#a4afa9;font-size:8px;font-weight:800; }.gb-status i { width:5px;height:5px;border-radius:50%;background:currentColor; }.gb-status.success { color:var(--gb-green); }.gb-status.pending { color:#f1c65a; }.gb-status.danger { color:#ff7474; }
.gb-empty { min-height:240px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }.gb-empty > .gb-icon { width:31px;height:31px;margin-bottom:13px;color:#52615a; }.gb-empty b { color:#cbd4cf;font-size:12px; }.gb-empty > span { max-width:330px;margin-top:6px;color:#65736c;font-size:10px;line-height:1.5; }.gb-empty.compact { min-height:155px; }.gb-empty .gb-primary-btn { margin-top:15px; }

.gb-wallet-hero { min-height:190px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative;border:1px solid rgba(101,255,53,.17);border-radius:25px;background:radial-gradient(circle at 80% 30%,rgba(101,255,53,.17),transparent 30%),linear-gradient(135deg,#14251b,#09120e 70%);box-shadow:var(--gb-shadow); }.gb-wallet-hero small { color:#819087;font-size:9px;font-weight:900;letter-spacing:1.3px; }.gb-wallet-hero > div:first-child > strong { display:block;margin:8px 0;color:#fff;font-size:38px;letter-spacing:-1.3px; }.gb-wallet-hero > div:first-child > span { display:flex;align-items:center;gap:6px;color:#7d8b83;font-size:9px; }.gb-wallet-hero > div:first-child > span .gb-icon { width:13px;height:13px;color:var(--gb-green); }.gb-wallet-actions { display:flex;gap:9px; }
.gb-primary-btn,.gb-secondary-btn { min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:10px;font-weight:950;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }.gb-primary-btn { border:0;background:linear-gradient(135deg,#72ff43,#3ce81d);color:#071008;box-shadow:0 10px 25px rgba(80,255,45,.16); }.gb-secondary-btn { border:1px solid var(--gb-line);background:rgba(255,255,255,.035);color:#c9d2cd; }.gb-primary-btn:hover,.gb-secondary-btn:hover { transform:translateY(-2px); }.gb-primary-btn:hover { box-shadow:0 14px 30px rgba(80,255,45,.23); }.gb-primary-btn .gb-icon,.gb-secondary-btn .gb-icon { width:15px;height:15px; }.gb-primary-btn.full { width:100%; }
.gb-balance-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px; }.gb-balance-grid article { min-height:155px;padding:19px;transition:.2s ease; }.gb-balance-grid article > i { width:37px;height:37px;margin-bottom:16px;display:grid;place-items:center;border-radius:12px; }.gb-balance-grid i.green { color:var(--gb-green);background:rgba(101,255,53,.1); }.gb-balance-grid i.gold { color:#f1cc61;background:rgba(241,204,97,.1); }.gb-balance-grid i.violet { color:#bd96ff;background:rgba(189,150,255,.1); }.gb-balance-grid i.blue { color:#72c8ff;background:rgba(114,200,255,.1); }.gb-balance-grid i .gb-icon { width:18px;height:18px; }

.gb-payment-layout { display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start; }.gb-payment-main { min-width:0;display:grid;gap:18px; }.gb-method-grid { padding:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.gb-method-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.gb-method-grid > button { min-width:0;min-height:96px;padding:14px;position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;border:1px solid var(--gb-line);border-radius:15px;background:rgba(255,255,255,.018);color:#93a098;text-align:left;cursor:pointer;transition:.2s ease; }.gb-method-grid > button:hover { transform:translateY(-2px);border-color:rgba(101,255,53,.2); }.gb-method-grid > button.active { border-color:rgba(101,255,53,.45);background:linear-gradient(135deg,rgba(101,255,53,.11),rgba(101,255,53,.025));box-shadow:inset 0 0 0 1px rgba(101,255,53,.08),0 12px 28px rgba(0,0,0,.18); }
.gb-method-grid > button > i { width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.045);color:#b8c3bd; }.gb-method-grid > button.active > i { background:var(--gb-green);color:#071008; }.gb-method-grid > button > i .gb-icon { width:18px;height:18px; }.gb-method-grid > button strong,.gb-method-grid > button span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.gb-method-grid > button strong { color:#e8eeea;font-size:11px; }.gb-method-grid > button span { margin-top:5px;color:#68766f;font-size:8px; }.gb-method-grid > button em { position:absolute;right:10px;top:9px;color:#68766f;font-size:7px;font-style:normal;font-weight:800; }
.gb-payment-form { position:sticky;top:88px;padding:21px; }.gb-form-head { padding-bottom:18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--gb-line); }.gb-form-head > i { width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--gb-green);color:#071008; }.gb-form-head > i .gb-icon { width:19px;height:19px; }.gb-form-head small,.gb-form-head strong { display:block; }.gb-form-head small { color:#6e7a74;font-size:8px;font-weight:900;letter-spacing:1.1px; }.gb-form-head strong { margin-top:4px;color:#edf3ef;font-size:12px; }
.gb-payment-form label,.gb-support-form label { margin-top:17px;display:grid;gap:8px;color:#8d9a93;font-size:9px;font-weight:850; }.gb-money-input { height:58px;padding:0 15px;display:flex;align-items:center;gap:11px;border:1px solid var(--gb-line);border-radius:14px;background:#090f0c;transition:border .2s ease; }.gb-money-input:focus-within { border-color:rgba(101,255,53,.38);box-shadow:0 0 0 3px rgba(101,255,53,.05); }.gb-money-input b { color:var(--gb-green);font-size:19px; }.gb-money-input input,.gb-text-input,.gb-support-form input,.gb-support-form textarea { min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit; }.gb-money-input input { font-size:22px;font-weight:850; }.gb-money-input input::placeholder,.gb-text-input::placeholder,.gb-support-form input::placeholder,.gb-support-form textarea::placeholder { color:#445049; }
.gb-text-input,.gb-support-form input,.gb-support-form textarea { min-height:48px;padding:0 13px;border:1px solid var(--gb-line);border-radius:12px;background:#090f0c;font-size:10px; }.gb-text-input:focus,.gb-support-form input:focus,.gb-support-form textarea:focus { border-color:rgba(101,255,53,.35); }.gb-support-form textarea { min-height:125px;padding-top:13px;resize:vertical; }
.gb-quick-amounts { margin:9px 0 17px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px; }.gb-quick-amounts button { height:30px;border:1px solid var(--gb-line);border-radius:8px;background:rgba(255,255,255,.025);color:#87948d;font-size:8px;font-weight:850;cursor:pointer; }.gb-quick-amounts button:hover { border-color:rgba(101,255,53,.25);color:var(--gb-green); }
.gb-limit-cards { margin:17px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px; }.gb-limit-cards > div { min-width:0;padding:11px;border:1px solid var(--gb-line);border-radius:11px;background:rgba(255,255,255,.02); }.gb-limit-cards small,.gb-limit-cards strong { display:block; }.gb-limit-cards small { color:#637069;font-size:7px;font-weight:900;letter-spacing:.8px; }.gb-limit-cards strong { margin-top:5px;overflow:hidden;color:#cbd4cf;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.gb-secure-note { margin-bottom:14px;padding:11px;display:flex;align-items:center;gap:8px;border-radius:11px;background:rgba(101,255,53,.055);color:var(--gb-green); }.gb-secure-note .gb-icon { flex:0 0 15px;width:15px;height:15px; }.gb-secure-note span { color:#809087;font-size:8px;line-height:1.4; }
.gb-request-list { padding:5px 16px 10px; }.gb-request-list article { min-width:0;padding:12px 2px;display:grid;grid-template-columns:33px minmax(0,1fr) 100px 78px;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05); }.gb-request-list article:last-child { border-bottom:0; }.gb-request-list article > i { width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(101,255,53,.07);color:var(--gb-green); }.gb-request-list article > i .gb-icon { width:14px;height:14px; }.gb-request-list article div b,.gb-request-list article div span { display:block; }.gb-request-list article div b { color:#d9e2dd;font-size:10px; }.gb-request-list article div span { margin-top:3px;color:#67746d;font-size:8px; }.gb-request-list article > strong { color:#edf2ef;font-size:10px;text-align:right; }.gb-request-list .gb-status { margin:0;justify-content:flex-end; }
.gb-split-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }.gb-saved-list { padding:8px 16px 13px; }.gb-saved-list article { padding:10px 0;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05); }.gb-saved-list article > i { width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.04);color:var(--gb-green); }.gb-saved-list .gb-icon { width:14px;height:14px; }.gb-saved-list b,.gb-saved-list span { display:block; }.gb-saved-list b { color:#d9e1dc;font-size:9px; }.gb-saved-list span,.gb-saved-list small { margin-top:3px;color:#66736c;font-size:8px; }

.gb-notification-toolbar { padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--gb-line);border-radius:16px;background:rgba(16,25,21,.8); }.gb-filter-tabs { display:flex;gap:3px; }.gb-filter-tabs button { height:35px;padding:0 12px;display:flex;align-items:center;gap:6px;border:0;border-radius:9px;background:transparent;color:#77847d;font-size:9px;font-weight:850;cursor:pointer; }.gb-filter-tabs button.active { background:rgba(101,255,53,.1);color:var(--gb-green); }.gb-filter-tabs button span { min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.07);font-size:7px; }
.gb-notification-summary { min-height:125px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(101,255,53,.15);border-radius:21px;background:radial-gradient(circle at 85% 20%,rgba(101,255,53,.13),transparent 32%),linear-gradient(135deg,#14231a,#0b120f); }.gb-notification-summary > div { display:flex;align-items:center;gap:16px; }.gb-notification-summary > div > span { color:var(--gb-green);font-size:42px;font-weight:900; }.gb-notification-summary p { margin:0; }.gb-notification-summary b,.gb-notification-summary small { display:block; }.gb-notification-summary b { color:#edf3ef;font-size:14px; }.gb-notification-summary small { margin-top:4px;color:#718078;font-size:9px; }.gb-notification-summary > i { color:rgba(101,255,53,.48); }.gb-notification-summary > i .gb-icon { width:46px;height:46px; }
.gb-notification-list { display:grid;gap:8px; }.gb-notification-list > button { width:100%;min-height:112px;padding:16px 18px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--gb-line);border-radius:17px;background:linear-gradient(135deg,#111a16,#0c120f);color:inherit;text-align:left;cursor:pointer;transition:.2s ease; }.gb-notification-list > button:hover { transform:translateX(3px);border-color:rgba(101,255,53,.18); }.gb-notification-list > button.unread { border-color:rgba(101,255,53,.22);background:linear-gradient(90deg,rgba(101,255,53,.075),#0e1612 45%); }.gb-notification-list > button > i { width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.04);color:#91a099; }.gb-notification-list > button > i.bonus { color:#f0cd67;background:rgba(240,205,103,.09); }.gb-notification-list > button > i.campaign { color:#b992ff;background:rgba(185,146,255,.09); }.gb-notification-list > button > i .gb-icon { width:19px;height:19px; }.gb-notification-list button div > span { color:var(--gb-green);font-size:7px;font-weight:900;letter-spacing:1.2px; }.gb-notification-list button strong { display:block;margin-top:4px;color:#e6ece8;font-size:11px; }.gb-notification-list button p { margin:5px 0;color:#75827b;font-size:9px;line-height:1.4; }.gb-notification-list button time { color:#58655e;font-size:8px; }.gb-notification-list button > em { padding:5px 7px;border-radius:7px;background:var(--gb-green);color:#071008;font-size:7px;font-style:normal;font-weight:950; }

.gb-support-feature { min-height:230px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative;border:1px solid rgba(101,255,53,.16);border-radius:25px;background:radial-gradient(circle at 84% 42%,rgba(101,255,53,.16),transparent 26%),linear-gradient(135deg,#15241b,#09110d); }.gb-support-feature > div > i { width:42px;height:42px;margin-bottom:14px;display:grid;place-items:center;border-radius:13px;background:var(--gb-green);color:#071008; }.gb-support-feature > div > i .gb-icon { width:19px;height:19px; }.gb-support-feature > div > span { display:block;color:var(--gb-green);font-size:8px;font-weight:900;letter-spacing:1.5px; }.gb-support-feature h2 { margin:7px 0;color:#f3f7f4;font-size:24px;letter-spacing:-.6px; }.gb-support-feature p { margin:0 0 18px;color:#829088;font-size:10px; }.gb-support-feature > strong { min-width:140px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(5,10,7,.55);color:#748079;font-size:8px;letter-spacing:1px;text-align:center; }.gb-support-feature > strong em { display:block;margin-top:7px;color:var(--gb-green);font-size:25px;font-style:normal;letter-spacing:-1px; }
.gb-contact-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }.gb-contact-grid > button { min-width:0;min-height:105px;padding:15px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:11px;align-items:center;border:1px solid var(--gb-line);border-radius:17px;background:linear-gradient(145deg,#121b17,#0c120f);color:#849189;text-align:left;cursor:pointer;transition:.2s ease; }.gb-contact-grid > button:hover { transform:translateY(-3px);border-color:rgba(101,255,53,.2); }.gb-contact-grid > button > i { width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:#fff; }.gb-contact-grid > button > i.telegram { background:#229ed9; }.gb-contact-grid > button > i.whatsapp { background:#25d366; }.gb-contact-grid > button > i.email { background:#8e6cff; }.gb-contact-grid > button > i .gb-icon { width:17px;height:17px; }.gb-contact-grid small,.gb-contact-grid strong,.gb-contact-grid span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.gb-contact-grid small { color:#64716a;font-size:7px;font-weight:900;letter-spacing:1px; }.gb-contact-grid strong { margin:4px 0;color:#e4ebe7;font-size:11px; }.gb-contact-grid span { color:#6e7b74;font-size:8px; }.gb-contact-grid > button > .gb-icon { width:14px;height:14px; }
.gb-support-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }.gb-support-form { padding:2px 18px 19px; }.gb-faq { padding:4px 17px 10px; }.gb-faq details { border-bottom:1px solid rgba(255,255,255,.055); }.gb-faq summary { min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c7d0cb;font-size:10px;font-weight:800;cursor:pointer;list-style:none; }.gb-faq summary::-webkit-details-marker { display:none; }.gb-faq summary span { color:var(--gb-green);font-size:16px;font-weight:400;transition:transform .2s ease; }.gb-faq details[open] summary span { transform:rotate(45deg); }.gb-faq details p { margin:0;padding:0 25px 14px 0;color:#718078;font-size:9px;line-height:1.55; }
.gb-ticket-list { padding:5px 16px 10px; }.gb-ticket-list article { padding:12px 2px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:11px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05); }.gb-ticket-list article > i { width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--gb-green-soft);color:var(--gb-green); }.gb-ticket-list .gb-icon { width:15px;height:15px; }.gb-ticket-list b,.gb-ticket-list span,.gb-ticket-list small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.gb-ticket-list b { color:#dbe3de;font-size:10px; }.gb-ticket-list span { margin-top:3px;color:#6e7a74;font-size:8px; }.gb-ticket-list small { margin-top:3px;color:#536059;font-size:7px; }

.gb-vip-hero { min-height:250px;padding:35px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;border:1px solid rgba(232,200,106,.2);border-radius:27px;background:radial-gradient(circle at 82% 45%,rgba(232,200,106,.2),transparent 28%),linear-gradient(135deg,#211f12,#0e130f 65%);box-shadow:var(--gb-shadow); }.gb-vip-hero > div { max-width:520px; }.gb-vip-hero > div > span { color:var(--gb-gold);font-size:9px;font-weight:900;letter-spacing:1.8px; }.gb-vip-hero h2 { margin:7px 0;color:#f5e2a4;font-size:40px;letter-spacing:-1.5px; }.gb-vip-hero p { margin:0 0 18px;color:#928f79;font-size:11px; }.gb-vip-hero small { color:#837e68;font-size:8px; }.gb-vip-hero > i { color:rgba(232,200,106,.58);filter:drop-shadow(0 0 26px rgba(232,200,106,.15)); }.gb-vip-hero > i .gb-icon { width:100px;height:100px;stroke-width:.8; }
.gb-vip-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px; }.gb-vip-grid article { min-width:0;min-height:310px;padding:17px;position:relative;overflow:hidden;border:1px solid var(--gb-line);border-radius:19px;background:linear-gradient(155deg,color-mix(in srgb,var(--tier) 8%,#111915),#0a100d 60%);transition:.22s ease; }.gb-vip-grid article:hover { transform:translateY(-5px);border-color:color-mix(in srgb,var(--tier) 45%,transparent); }.gb-vip-grid article.current { border-color:color-mix(in srgb,var(--tier) 65%,transparent);box-shadow:inset 0 0 35px color-mix(in srgb,var(--tier) 7%,transparent),0 16px 35px rgba(0,0,0,.22); }.gb-vip-grid article header { display:flex;align-items:center;justify-content:space-between;color:var(--tier); }.gb-vip-grid article header .gb-icon { width:23px;height:23px; }.gb-vip-grid article header span,.gb-vip-grid article > small { color:#66736c;font-size:7px;font-weight:900;letter-spacing:1px; }.gb-vip-grid h3 { margin:18px 0 5px;color:var(--tier);font-size:20px; }.gb-vip-grid p { min-height:32px;margin:0;color:#6e7a73;font-size:8px;line-height:1.4; }.gb-vip-grid ul { margin:18px 0 0;padding:0;display:grid;gap:11px;list-style:none; }.gb-vip-grid li { display:flex;gap:7px;color:#9aa59f;font-size:8px;line-height:1.35; }.gb-vip-grid li .gb-icon { flex:0 0 12px;width:12px;height:12px;color:var(--tier); }.gb-current-tier { position:absolute;left:14px;right:14px;bottom:14px;height:27px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--tier) 18%,transparent);color:var(--tier);font-size:7px;letter-spacing:1px; }.gb-vip-grid article > small { position:absolute;bottom:20px;left:17px; }
.gb-vip-note { padding:15px 18px;display:flex;align-items:center;gap:12px;border:1px solid rgba(232,200,106,.11);border-radius:15px;background:rgba(232,200,106,.035);color:var(--gb-gold); }.gb-vip-note .gb-icon { width:20px;height:20px; }.gb-vip-note p { margin:0; }.gb-vip-note b,.gb-vip-note span { display:block; }.gb-vip-note b { color:#c9c3a8;font-size:9px; }.gb-vip-note span { margin-top:3px;color:#787665;font-size:8px; }

.gb-referral-hero { min-height:190px;padding:30px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(101,255,53,.17);border-radius:25px;background:radial-gradient(circle at 82% 45%,rgba(101,255,53,.16),transparent 28%),linear-gradient(135deg,#15251b,#09110d); }.gb-referral-hero span { color:#7c8a82;font-size:9px;font-weight:900;letter-spacing:1.3px; }.gb-referral-hero strong { display:block;margin:8px 0;color:#fff;font-size:38px;letter-spacing:-1px; }.gb-referral-hero p { margin:0;color:#718078;font-size:9px; }.gb-referral-hero > i { color:rgba(101,255,53,.55); }.gb-referral-hero > i .gb-icon { width:76px;height:76px;stroke-width:1; }
.gb-referral-share { display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px; }.gb-referral-share > div { min-width:0;padding:17px 18px;border:1px solid var(--gb-line);border-radius:17px;background:linear-gradient(145deg,#121b17,#0b110e); }.gb-referral-share small { color:#68756e;font-size:8px;font-weight:900;letter-spacing:1px; }.gb-referral-share p { min-width:0;margin:7px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px; }.gb-referral-share strong { color:var(--gb-green);font-size:18px;letter-spacing:2px; }.gb-referral-share p > span { min-width:0;overflow:hidden;color:#a6b1aa;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }.gb-referral-share button { min-width:max-content;height:30px;padding:0 9px;display:flex;align-items:center;gap:5px;border:1px solid rgba(101,255,53,.17);border-radius:8px;background:var(--gb-green-soft);color:var(--gb-green);font-size:8px;font-weight:900;cursor:pointer; }.gb-referral-share button .gb-icon { width:12px;height:12px; }
.gb-referral-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }.gb-referral-steps article { min-height:90px;padding:16px;display:flex;align-items:center;gap:13px;border:1px solid var(--gb-line);border-radius:16px;background:rgba(14,22,18,.85); }.gb-referral-steps article > b { color:rgba(101,255,53,.35);font-size:23px; }.gb-referral-steps strong,.gb-referral-steps span { display:block; }.gb-referral-steps strong { color:#d9e1dc;font-size:10px; }.gb-referral-steps span { margin-top:4px;color:#66736c;font-size:8px;line-height:1.4; }
.gb-split-grid.referral { grid-template-columns:1fr 1fr; }.gb-invite-list { padding:6px 16px 11px; }.gb-invite-list article { padding:10px 0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05); }.gb-mini-avatar { width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:var(--gb-green-soft);color:var(--gb-green);font-size:10px;font-weight:900; }.gb-invite-list b,.gb-invite-list span { display:block; }.gb-invite-list b { color:#dbe3de;font-size:9px; }.gb-invite-list span { margin-top:3px;color:#647169;font-size:8px; }

@keyframes gbFadeUp { from { opacity:0;transform:translateY(9px); } to { opacity:1;transform:none; } }
.gb-account-content > * { animation:gbFadeUp .42s cubic-bezier(.2,.8,.2,1) both; }.gb-account-content > *:nth-child(2){animation-delay:.04s}.gb-account-content > *:nth-child(3){animation-delay:.08s}.gb-account-content > *:nth-child(4){animation-delay:.12s}

@media (max-width:1100px) {
  .gb-account-shell { grid-template-columns:205px minmax(0,1fr); }
  .gb-stat-grid.four,.gb-balance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gb-vip-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .gb-payment-layout { grid-template-columns:minmax(0,1fr) 300px; }
  .gb-method-grid.three { grid-template-columns:1fr; }
  .gb-contact-grid { grid-template-columns:1fr; }
}

@media (max-width:800px) {
  .gb-account-hero { min-height:155px;padding:25px; }.gb-account-hero h1 { font-size:32px; }.gb-hero-balance { min-width:190px; }
  .gb-account-shell { display:block;margin-top:13px; }
  .gb-account-nav { position:relative;top:auto;margin-bottom:14px;padding:8px;overflow:hidden; }.gb-account-user,.gb-nav-security { display:none; }.gb-account-nav nav { padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none; }.gb-account-nav nav::-webkit-scrollbar { display:none; }.gb-account-nav nav button { flex:0 0 auto;width:auto;padding:0 12px; }.gb-account-nav nav button.active { box-shadow:inset 0 -2px var(--gb-green); }
  .gb-payment-layout { grid-template-columns:1fr; }.gb-payment-form { position:relative;top:auto;grid-row:1; }.gb-support-grid,.gb-split-grid,.gb-split-grid.referral { grid-template-columns:1fr; }.gb-vip-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gb-activity-row { grid-template-columns:38px minmax(0,1fr) 125px; }.gb-activity-row time { display:none; }
  .gb-referral-share { grid-template-columns:1fr; }.gb-referral-steps { grid-template-columns:1fr; }
}

@media (max-width:560px) {
  .gb-account-hero { min-height:130px;margin-top:10px;padding:19px;border-radius:19px; }.gb-account-hero h1 { margin-top:6px;font-size:27px;letter-spacing:-1px; }.gb-account-hero p { font-size:10px;line-height:1.45; }.gb-account-hero > div:first-child > span { font-size:8px; }.gb-hero-balance { display:none; }
  .gb-account-shell { margin-bottom:95px; }.gb-account-nav { margin-left:-12px;margin-right:-12px;border-left:0;border-right:0;border-radius:0; }.gb-account-nav nav button { height:39px;padding:0 10px;font-size:9px; }.gb-account-nav nav button .gb-icon { width:15px;height:15px; }
  .gb-account-content { gap:12px; }.gb-glass-card,.gb-section-card,.gb-stat-grid article,.gb-balance-grid article,.gb-payment-form { border-radius:16px; }
  .gb-profile-card { padding:17px;display:block; }.gb-profile-avatar { width:59px;height:59px;border-radius:18px;font-size:22px; }.gb-profile-identity { gap:13px; }.gb-profile-identity h2 { font-size:17px; }.gb-verify { width:100%;min-width:0;margin-top:16px; }
  .gb-level-card { padding:18px; }.gb-stat-grid.four,.gb-balance-grid { grid-template-columns:1fr 1fr;gap:8px; }.gb-stat-grid article,.gb-balance-grid article { min-height:125px;padding:14px; }.gb-stat-grid strong,.gb-balance-grid strong { font-size:15px; }.gb-stat-grid strong.date { font-size:10px; }
  .gb-section-card > header { min-height:63px;padding:14px 15px; }.gb-section-card header h2 { font-size:14px; }
  .gb-activity-list { padding:2px 12px 7px; }.gb-activity-row { grid-template-columns:34px minmax(0,1fr) 100px;gap:8px;padding:11px 0; }.gb-activity-icon { width:32px;height:32px; }.gb-activity-main b { font-size:9px; }.gb-activity-main span { font-size:7px; }.gb-activity-value strong { font-size:9px; }
  .gb-wallet-hero { min-height:195px;padding:20px;display:block; }.gb-wallet-hero > div:first-child > strong { font-size:29px; }.gb-wallet-actions { margin-top:18px; }.gb-wallet-actions button { flex:1; }
  .gb-method-grid,.gb-method-grid.three { grid-template-columns:1fr;padding:11px; }.gb-method-grid > button { min-height:82px; }.gb-payment-form { padding:17px; }.gb-quick-amounts { grid-template-columns:1fr 1fr; }.gb-request-list article { grid-template-columns:30px minmax(0,1fr) 85px; }.gb-request-list .gb-status { display:none; }
  .gb-notification-toolbar { align-items:stretch;display:grid; }.gb-filter-tabs { overflow-x:auto; }.gb-notification-toolbar > .gb-secondary-btn { width:100%; }.gb-notification-summary { min-height:100px;padding:18px; }.gb-notification-summary > div > span { font-size:34px; }.gb-notification-summary > i { display:none; }.gb-notification-list > button { min-height:105px;padding:13px;grid-template-columns:39px minmax(0,1fr); }.gb-notification-list > button > i { width:38px;height:38px; }.gb-notification-list button > em { display:none; }
  .gb-support-feature { min-height:275px;padding:22px;display:block; }.gb-support-feature h2 { font-size:21px; }.gb-support-feature > strong { display:none; }.gb-contact-grid { gap:8px; }.gb-support-grid { gap:12px; }
  .gb-vip-hero { min-height:220px;padding:23px; }.gb-vip-hero h2 { font-size:32px; }.gb-vip-hero > i { display:none; }.gb-vip-grid { grid-template-columns:1fr; }.gb-vip-grid article { min-height:285px; }
  .gb-referral-hero { min-height:155px;padding:20px; }.gb-referral-hero strong { font-size:29px; }.gb-referral-hero > i .gb-icon { width:49px;height:49px; }.gb-referral-share p { align-items:stretch;flex-direction:column; }.gb-referral-share button { width:100%;justify-content:center; }.gb-referral-steps { gap:8px; }
}

@media (prefers-reduced-motion:reduce) {
  .gb-account-content > * { animation:none!important; }
  .gb-progress i,.gb-account-nav nav button,.gb-method-grid > button,.gb-notification-list > button,.gb-vip-grid article { transition:none!important; }
  html { scroll-behavior:auto!important; }
}