.wallet-page{min-height:100vh;background:var(--page-bg,#080b1d);color:var(--text-primary,#f8f5ff)}
.wallet-hero{padding:clamp(66px,10vw,130px) 0 54px;background:radial-gradient(ellipse at 75% 10%,rgba(117,92,207,.24),transparent 54%),linear-gradient(135deg,#080b1d,#17112d)}
.wallet-hero-inner{max-width:960px;text-align:center}.wallet-hero h1{margin:16px 0;font-family:Nunito,Manrope,sans-serif;font-size:clamp(42px,7vw,76px);line-height:1.02}.wallet-hero h1 em{color:#e8c879;font-style:normal}.wallet-hero p{max-width:720px;margin:20px auto 26px;color:#d5d0e5;font-size:clamp(16px,2vw,19px);line-height:1.65}
.wallet-current{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid rgba(232,200,121,.45);border-radius:999px;background:rgba(16,18,43,.72);color:#f4d77c;font-weight:800}
.wallet-packages{background:var(--page-bg,#080b1d)}.wallet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.wallet-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px 22px 22px;border:1px solid rgba(198,185,235,.25);border-radius:24px;background:linear-gradient(160deg,rgba(32,31,65,.95),rgba(18,19,42,.98));box-shadow:0 20px 50px rgba(0,0,0,.22)}.wallet-card--hit{border-color:#e8c879;box-shadow:0 22px 56px rgba(232,200,121,.13)}.wallet-card-mark{min-height:32px;color:#f3d476;font-size:20px;letter-spacing:.12em}.wallet-card h3{margin:16px 0 8px;font-size:23px;line-height:1.2}.wallet-stars{margin:0 0 14px;color:#f3d476;font-size:32px;font-weight:900}.wallet-card>p:not(.wallet-stars):not(.wallet-saving){flex:1;color:#d4d0e0;line-height:1.6}.wallet-saving{margin:5px 0 17px;color:#b9e4c5;font-weight:800}.wallet-card .button{min-height:50px;justify-content:center;text-align:center}.wallet-badge{position:absolute;top:14px;right:14px;padding:6px 10px;border-radius:999px;background:#e8c879;color:#171126;font-size:12px;font-weight:900;letter-spacing:.08em}.wallet-note{max-width:900px;margin:24px auto 0;color:#c2bed0;font-size:14px;line-height:1.7;text-align:center}.wallet-status{min-height:1.5em;margin:18px 0 0;color:#f3d476;text-align:center}.wallet-buy:disabled{cursor:not-allowed;opacity:.58}.wallet-modal{width:min(92vw,480px);padding:0;border:1px solid rgba(232,200,121,.4);border-radius:24px;background:#17142a;color:#f8f5ff;box-shadow:0 28px 100px rgba(0,0,0,.55)}.wallet-modal::backdrop{background:rgba(5,6,17,.78);backdrop-filter:blur(5px)}.wallet-modal-content{position:relative;padding:36px;text-align:center}.wallet-modal-close{position:absolute;top:12px;right:16px;border:0;background:none;color:inherit;font-size:30px;cursor:pointer}.wallet-modal-star{color:#f3d476;font-size:36px}.wallet-modal-content h2{margin:8px 0 12px}.wallet-modal-content p{margin:0 0 22px;color:#d4d0e0;line-height:1.6}.wallet-modal-content .button{justify-content:center}
@media(max-width:1050px){.wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wallet-grid{grid-template-columns:1fr}.wallet-card{padding:24px}.wallet-hero{padding-top:52px}.wallet-hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.wallet-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.header-wallet{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:8px 11px;border:1px solid rgba(232,200,121,.36);border-radius:999px;background:rgba(17,18,43,.82);color:#f4d77c;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,.12)}
.header-wallet strong{font-variant-numeric:tabular-nums;color:#fff2c2}
.header-wallet span{margin-left:4px;padding-left:8px;border-left:1px solid rgba(232,200,121,.3);color:#fff}
.header-wallet:hover{border-color:#e8c879;background:rgba(35,31,65,.96)}
.header-wallet:focus-visible{outline:3px solid #ffe45c;outline-offset:3px}
.header-wallet[hidden]{display:none!important}
.account-wallet-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;padding:18px 22px;border:1px solid rgba(232,200,121,.3);border-radius:18px;background:linear-gradient(120deg,rgba(38,34,77,.72),rgba(25,22,55,.86));color:#f7f2ff}
.account-wallet-summary>div{display:grid;gap:3px}.account-wallet-summary>div span{color:#d4cee7;font-size:13px}.account-wallet-summary strong{color:#f4d77c;font-size:25px;font-variant-numeric:tabular-nums}.account-wallet-summary .button{justify-content:center;min-width:142px}
@media(max-width:1180px){.header-wallet{padding:7px 9px;font-size:11px}.header-wallet span{margin-left:2px;padding-left:6px}}
@media(max-width:700px){.header-wallet{display:none}.account-wallet-summary{padding:15px 16px}.account-wallet-summary strong{font-size:22px}.account-wallet-summary .button{min-width:0;min-height:42px;padding-inline:12px}}

/* Homepage package cards: unified spacing and theme-aware surfaces. */
#star-packages .wallet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
#star-packages .wallet-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:366px;padding:24px 22px 20px;border:1px solid var(--wallet-card-border);border-radius:24px;background:var(--wallet-card-bg);color:var(--wallet-title);box-shadow:var(--wallet-card-shadow);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
#star-packages .wallet-card::before{position:absolute;top:0;left:20px;right:20px;height:3px;border-radius:0 0 4px 4px;background:var(--wallet-accent-line);content:""}
#star-packages .wallet-card:hover{transform:translateY(-4px);box-shadow:var(--wallet-card-shadow-hover)}
#star-packages .wallet-card-label{display:flex;align-items:center;min-height:28px;margin:0 0 10px;color:var(--wallet-label);font-size:10px;font-weight:900;letter-spacing:.12em;line-height:1.25;text-transform:uppercase}
#star-packages .wallet-card-label--hit{width:max-content;max-width:100%;padding:6px 10px;border:1px solid var(--wallet-badge-border);border-radius:999px;background:var(--wallet-badge-bg);color:var(--wallet-badge-text);letter-spacing:.08em}
#star-packages .wallet-card h3{display:flex;align-items:center;min-height:58px;margin:0 0 8px;color:var(--wallet-title);font-size:22px;line-height:1.2;letter-spacing:-.02em}
#star-packages .wallet-card-amount{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-height:46px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--wallet-card-border)}
#star-packages .wallet-stars{margin:0;color:var(--wallet-accent);font-size:29px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
#star-packages .wallet-price{margin:0;color:var(--wallet-title);font-size:22px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
#star-packages .wallet-copy{min-height:72px;margin:0 0 10px;color:var(--wallet-copy);font-size:14px;line-height:1.55}
#star-packages .wallet-card-value{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:44px;margin:auto 0 12px;color:var(--wallet-accent);font-size:13px;font-weight:900;line-height:1.35;font-variant-numeric:tabular-nums}
#star-packages .wallet-value-amount{color:var(--wallet-accent);font-size:14px;font-weight:900;line-height:1.2}
#star-packages .wallet-value-note{color:var(--wallet-value-muted);font-size:11px;font-weight:700;line-height:1.25}
#star-packages .wallet-card .wallet-buy:disabled{width:100%;min-height:48px;margin-top:0;border:1px solid var(--wallet-button-border);border-radius:14px;background:var(--wallet-button-bg);color:var(--wallet-button-text);font-weight:900;opacity:1;cursor:not-allowed}
#star-packages .wallet-card--hit{border:2px solid var(--wallet-hit-border);box-shadow:var(--wallet-hit-shadow)}
#star-packages .wallet-note{max-width:800px;margin:22px auto 0;color:var(--wallet-copy);font-size:13px;line-height:1.65;text-align:center}
html[data-theme="day"] body #star-packages{--wallet-section:#f0ebf5;--wallet-card-bg:#fffdf9;--wallet-card-border:#e8e1e9;--wallet-title:#403856;--wallet-copy:#625a6c;--wallet-accent:#654f78;--wallet-label:#756483;--wallet-value-muted:#756d7c;--wallet-accent-line:linear-gradient(90deg,#806895,#d9a8bd);--wallet-card-shadow:0 14px 32px rgba(58,44,71,.08);--wallet-card-shadow-hover:0 20px 42px rgba(58,44,71,.14);--wallet-badge-bg:#654f78;--wallet-badge-border:#654f78;--wallet-badge-text:#fffdf9;--wallet-button-bg:#654f78;--wallet-button-border:#654f78;--wallet-button-text:#fffdf9;--wallet-hit-border:#806895;--wallet-hit-shadow:0 18px 40px rgba(128,104,149,.16);background:var(--wallet-section)!important;color:var(--wallet-title)!important}
html[data-theme="night"] body #star-packages{--wallet-section:#20203c;--wallet-card-bg:#1b2440;--wallet-card-border:rgba(226,219,244,.18);--wallet-title:#f3efff;--wallet-copy:#d0cada;--wallet-accent:#e6c989;--wallet-label:#c2a8dc;--wallet-value-muted:#d0cada;--wallet-accent-line:linear-gradient(90deg,#bba5e4,#e6c989);--wallet-card-shadow:0 16px 36px rgba(0,0,0,.22);--wallet-card-shadow-hover:0 22px 46px rgba(0,0,0,.34);--wallet-badge-bg:#e6c989;--wallet-badge-border:#e6c989;--wallet-badge-text:#2b2336;--wallet-button-bg:#353453;--wallet-button-border:#665783;--wallet-button-text:#f3efff;--wallet-hit-border:#c2a8dc;--wallet-hit-shadow:0 18px 42px rgba(0,0,0,.28);background:var(--wallet-section)!important;color:var(--wallet-title)!important}
html[data-theme="day"] body main>section#star-packages.wallet-packages,html[data-theme="night"] body main>section#star-packages.wallet-packages{border-color:var(--wallet-card-border)!important}
html[data-theme="day"] body #star-packages :is(h2,h3,.wallet-price){color:var(--wallet-title)!important}
html[data-theme="night"] body #star-packages :is(h2,h3,.wallet-price){color:var(--wallet-title)!important}
html[data-theme="day"] body #star-packages :is(.wallet-copy,.wallet-intro,.wallet-note){color:var(--wallet-copy)!important}
html[data-theme="night"] body #star-packages :is(.wallet-copy,.wallet-intro,.wallet-note){color:var(--wallet-copy)!important}
html[data-theme="day"] body #star-packages :is(.wallet-stars,.wallet-card-value){color:var(--wallet-accent)!important}
html[data-theme="night"] body #star-packages :is(.wallet-stars,.wallet-card-value){color:var(--wallet-accent)!important}
html[data-theme="day"] body #star-packages .wallet-card-label{color:var(--wallet-label)!important}
html[data-theme="night"] body #star-packages .wallet-card-label{color:var(--wallet-label)!important}
html[data-theme="day"] body #star-packages .wallet-value-amount,html[data-theme="night"] body #star-packages .wallet-value-amount{color:var(--wallet-accent)!important}
html[data-theme="day"] body #star-packages .wallet-value-note,html[data-theme="night"] body #star-packages .wallet-value-note{color:var(--wallet-value-muted)!important}
html[data-theme="day"] body #star-packages .wallet-card-label--hit,html[data-theme="night"] body #star-packages .wallet-card-label--hit{background:var(--wallet-badge-bg)!important;border-color:var(--wallet-badge-border)!important;color:var(--wallet-badge-text)!important}
html[data-theme="day"] body #star-packages .wallet-card,html[data-theme="night"] body #star-packages .wallet-card{background:var(--wallet-card-bg)!important;border-color:var(--wallet-card-border)!important;color:var(--wallet-title)!important}
html[data-theme="day"] body #star-packages .wallet-card--hit,html[data-theme="night"] body #star-packages .wallet-card--hit{border-color:var(--wallet-hit-border)!important;box-shadow:var(--wallet-hit-shadow)!important}
html[data-theme="day"] body #star-packages .wallet-card .wallet-buy:disabled,html[data-theme="night"] body #star-packages .wallet-card .wallet-buy:disabled{background:var(--wallet-button-bg)!important;border-color:var(--wallet-button-border)!important;color:var(--wallet-button-text)!important}
@media(max-width:1050px){#star-packages .wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#star-packages .wallet-grid{grid-template-columns:1fr;gap:14px}#star-packages .wallet-card{min-height:0;padding:22px 20px 18px}#star-packages .wallet-copy{min-height:0}#star-packages .wallet-card-value{margin-top:8px}#star-packages .wallet-card h3{min-height:0}}
@media(prefers-reduced-motion:reduce){#star-packages .wallet-card{transition:none}#star-packages .wallet-card:hover{transform:none}}