:root{--bg: #07080c;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .1);--text: #f4f5fa;--muted: #9aa3b8;--accent: #ff6b4a;--accent-2: #a78bfa;--font: "DM Sans", "Noto Sans SC", system-ui, sans-serif;--radius: 20px;--radius-sm: 12px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.hub-shell{position:relative;min-height:100dvh;overflow-x:hidden}.hub-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hub-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 70%)}.hub-bg-glow{position:absolute;width:min(720px,90vw);height:min(720px,90vw);border-radius:50%;filter:blur(100px);opacity:.45}.hub-bg-glow--left{top:-20%;left:-15%;background:radial-gradient(circle,rgba(255,107,74,.35),transparent 65%)}.hub-bg-glow--right{bottom:-25%;right:-10%;background:radial-gradient(circle,rgba(167,139,250,.4),transparent 65%)}.hub-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1.25rem,env(safe-area-inset-left)) .75rem max(1.25rem,env(safe-area-inset-right));padding-top:max(1rem,env(safe-area-inset-top))}.hub-logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--text);font-weight:600;font-size:1.05rem}.hub-logo-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 24px #a78bfa59}.hub-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.hub-nav-muted,.hub-nav-user{font-size:.85rem;color:var(--muted)}.hub-nav-user{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-nav-link{font-size:.85rem;color:var(--muted);text-decoration:none}.hub-nav-link:hover{color:var(--text)}.hub-points{font-size:.85rem;color:var(--muted);padding:.35rem .65rem;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.hub-points strong{color:var(--text);font-weight:600}.hub-main{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:2.5rem max(1.25rem,env(safe-area-inset-left)) 4rem max(1.25rem,env(safe-area-inset-right))}.hub-hero{text-align:center;margin-bottom:3rem}.hub-hero-eyebrow{margin:0 0 1rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hub-hero-title{margin:0 0 1.25rem;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:700;line-height:1.08;letter-spacing:-.03em}.hub-hero-gradient{background:linear-gradient(120deg,#fff,#c4b5fd 45%,#fda4af);-webkit-background-clip:text;background-clip:text;color:transparent}.hub-hero-lead{margin:0 auto;max-width:36rem;font-size:1.05rem;line-height:1.65;color:var(--muted)}.hub-hero-lead strong{color:var(--text);font-weight:500}.hub-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.25rem}.hub-card{position:relative;display:flex;flex-direction:column;padding:1.75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);text-decoration:none;color:inherit;overflow:hidden;transition:border-color .2s,transform .2s,background .2s}.hub-card:hover{transform:translateY(-4px);background:var(--surface-hover);border-color:#ffffff2e}.hub-card-glow{position:absolute;inset:-40% -20% auto auto;width:200px;height:200px;border-radius:50%;opacity:0;transition:opacity .25s;pointer-events:none}.hub-card--coral .hub-card-glow{background:radial-gradient(circle,rgba(255,107,74,.5),transparent 70%)}.hub-card--violet .hub-card-glow{background:radial-gradient(circle,rgba(167,139,250,.55),transparent 70%)}.hub-card--indigo .hub-card-glow{background:radial-gradient(circle,rgba(94,106,210,.55),transparent 70%)}.hub-card--emerald .hub-card-glow{background:radial-gradient(circle,rgba(52,211,153,.5),transparent 70%)}.hub-card:hover .hub-card-glow{opacity:1}.hub-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.hub-card-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hub-card-icon{font-size:1.25rem;opacity:.7}.hub-card--coral:hover{border-color:#ff6b4a59}.hub-card--violet:hover{border-color:#a78bfa66}.hub-card--indigo:hover{border-color:#5e6ad273}.hub-card--emerald:hover{border-color:#34d39966}.hub-card-title{margin:0 0 .35rem;font-size:1.65rem;font-weight:700;letter-spacing:-.02em}.hub-card-tagline{margin:0 0 .85rem;font-size:.95rem;color:var(--accent-2);font-weight:500}.hub-card--coral .hub-card-tagline{color:#ffb4a2}.hub-card--indigo .hub-card-tagline{color:#a5adf0}.hub-card--emerald .hub-card-tagline{color:#6ee7b7}.hub-card-desc{margin:0 0 1rem;font-size:.92rem;line-height:1.6;color:var(--muted);flex:1}.hub-card-bullets{margin:0 0 1.25rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.hub-card-bullets li{font-size:.85rem;color:var(--muted);padding-left:1rem;position:relative}.hub-card-bullets li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5}.hub-card-cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--text)}.hub-card-arrow{transition:transform .2s}.hub-card:hover .hub-card-arrow{transform:translate(4px)}.hub-foot{margin-top:3rem;text-align:center;font-size:.8rem;color:var(--muted)}.btn{font-family:inherit;font-size:.85rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;padding:.45rem .9rem;transition:background .15s,border-color .15s}.btn-sm{padding:.38rem .75rem;font-size:.8rem}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-color:transparent}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn-ghost:hover{color:var(--text);background:var(--surface)}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.auth-modal{position:relative;width:min(400px,100%);max-height:90dvh;overflow-y:auto;padding:1.75rem;border-radius:var(--radius);border:1px solid var(--border);background:#12141c;box-shadow:0 24px 80px #0000008c}.auth-modal-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer}.auth-panel-head h2{margin:0 0 .35rem;font-size:1.35rem}.auth-panel-head p{margin:0;font-size:.88rem;color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:.85rem;margin-top:1.25rem}.auth-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--muted)}.auth-form input{padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000040;color:var(--text);font-family:inherit;font-size:.95rem}.auth-code-row{display:flex;gap:.5rem}.auth-code-row input{flex:1}.auth-code-hint,.auth-hint--ok{margin:.25rem 0 0;font-size:.78rem;color:#6ee7b7}.auth-hint--err{margin:.5rem 0 0;font-size:.78rem;color:#ff8fab}.auth-switch{margin:1rem 0 0;text-align:center;font-size:.85rem;color:var(--muted)}.auth-link{border:none;background:none;color:var(--accent-2);cursor:pointer;font:inherit;text-decoration:underline}.hub-nav-link--active{color:var(--text);border-color:#ffffff38;background:var(--surface-hover)}.hub-main--narrow{max-width:720px}.hub-back{display:inline-block;margin-bottom:1.5rem;font-size:.88rem;color:var(--muted);text-decoration:none;transition:color .15s}.hub-back:hover{color:var(--text)}.recharge-hero{margin-bottom:1.75rem}.recharge-title{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em}.recharge-lead{margin:0;font-size:.95rem;line-height:1.65;color:var(--muted)}.recharge-lead strong{color:var(--text);font-weight:600}.recharge-guest{padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);text-align:center}.recharge-guest p{margin:0 0 1rem;color:var(--muted)}.recharge-balance-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;margin-bottom:1.25rem;border-radius:var(--radius);border:1px solid rgba(255,193,120,.25);background:linear-gradient(135deg,#ff6b4a1f,#a78bfa14)}.recharge-balance-label{margin:0;font-size:.82rem;color:var(--muted)}.recharge-balance-value{margin:.35rem 0 0;font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums}.recharge-balance-unit{font-size:1rem;font-weight:500;color:var(--muted)}.recharge-balance-hint{margin:.35rem 0 0;font-size:.78rem;color:var(--muted)}.recharge-notice{margin-bottom:1.25rem;padding:1rem 1.15rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0003;font-size:.85rem;color:var(--muted)}.recharge-notice-title{margin:0 0 .5rem;font-weight:600;color:var(--text)}.recharge-notice ul{margin:0;padding-left:1.15rem;line-height:1.55}.recharge-error{margin:0 0 1rem;padding:.65rem .85rem;border-radius:var(--radius-sm);background:#ff50781f;color:#ff8fab;font-size:.88rem}.recharge-pack-grid{display:grid;gap:1rem}@media(min-width:560px){.recharge-pack-grid{grid-template-columns:repeat(3,1fr)}}.recharge-pack-card{padding:1.15rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.recharge-pack-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.recharge-pack-label{font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;background:#a78bfa33;color:#c4b5fd}.recharge-pack-price{font-size:1.1rem;font-weight:600}.recharge-pack-points{margin:.75rem 0;font-size:1.75rem;font-weight:700}.recharge-pack-points span{font-size:.95rem;font-weight:500;color:var(--muted)}.recharge-pack-buy{width:100%}.recharge-foot{margin-top:1.5rem;font-size:.78rem;color:var(--muted);text-align:center}.recharge-qr-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recharge-qr-dialog{position:relative;width:min(360px,100%);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:#12141c;text-align:center}.recharge-qr-close{position:absolute;top:.6rem;right:.6rem;width:2rem;height:2rem;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:1.35rem;cursor:pointer}.recharge-qr-title{margin:0 0 .35rem;font-size:1.2rem}.recharge-qr-desc{margin:0 0 1rem;font-size:.88rem;color:var(--muted)}.recharge-qr-wrap{display:flex;justify-content:center}.recharge-qr-img{border-radius:var(--radius-sm);border:1px solid var(--border)}.recharge-qr-placeholder{width:240px;height:240px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff0a;color:var(--muted);font-size:.88rem}.recharge-qr-hint{margin:1rem 0 0;font-size:.82rem;color:var(--muted)}@media(max-width:640px){.hub-hero{margin-bottom:2rem}.hub-card{padding:1.35rem}}