:root{color:#f8f3e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#08090d;--panel:#0f121bc2;--panel-strong:#141824f0;--muted:#aca69b;--gold:#e6c06b;--gold-soft:#f4d286;--cyan:#70e5ff;--emerald:#6de2aa;--danger:#ff8e8e;background:#08090d;font-family:Avenir Next,SF Pro Display,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 8%,#70e5ff21,#0000 32rem),radial-gradient(circle at 12% 48%,#e6c06b1f,#0000 34rem),linear-gradient(145deg,#08090d 0%,#10121b 48%,#050507 100%);min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.account-shell{min-height:100vh;overflow:hidden}.account-shell:before{z-index:-2;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.account-header{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050507ad;border-bottom:1px solid #e6c06b24;justify-content:space-between;align-items:center;min-height:64px;padding:0 max(24px,50vw - 620px);display:flex;position:relative}.account-brand{align-items:center;display:inline-flex}.account-brand img{object-fit:contain;filter:drop-shadow(0 0 14px #e6c06b47);width:38px;height:38px}.header-actions{align-items:center;gap:12px;display:flex}.header-actions>a,.header-actions select{color:#f8f3e7c7;background:#00000042;border:1px solid #ffffff29;border-radius:4px;min-height:34px;font-size:.76rem;font-weight:800}.header-actions>a{place-items:center;padding:0 14px;transition:border-color .18s,color .18s,transform .18s;display:inline-grid}.header-actions>a:hover{color:var(--gold-soft);border-color:#e6c06b6b;transform:translateY(-1px)}.header-actions select{cursor:pointer;outline:none;width:100px;padding:0 8px}.account-hero{grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);align-items:center;gap:72px;max-width:1240px;margin:0 auto;padding:86px 24px 62px;display:grid;position:relative}.account-hero:after{z-index:-1;content:"";background:radial-gradient(circle,#70e5ff1f,#0000 68%);border-radius:50%;width:560px;height:560px;position:absolute;top:24px;right:-220px}.eyebrow,.section-kicker{color:var(--gold);letter-spacing:.2em;font-size:.7rem;font-weight:900}.hero-copy h1{letter-spacing:-.055em;max-width:680px;margin:18px 0 20px;font-size:clamp(2.7rem,5.4vw,5.2rem);font-weight:800;line-height:.98}.hero-copy>p{max-width:620px;color:var(--muted);margin:0;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.85}.hero-copy{place-items:center;min-height:460px;display:grid;position:relative}.echo-hologram{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.echo-holo-card{opacity:.34;background:#070d126b;border:1px solid #70e5ff38;width:118px;height:168px;animation:5.4s ease-in-out infinite echo-card-float;position:absolute;overflow:hidden;box-shadow:0 0 24px #70e5ff14}.echo-holo-card img{object-fit:cover;mix-blend-mode:luminosity;opacity:.58;width:100%;height:100%}.echo-holo-card:after{content:"";background:linear-gradient(#70e5ff2e,#0000 42%,#000000bd),repeating-linear-gradient(#ffffff14 0 1px,#0000 1px 7px);position:absolute;inset:0}.echo-holo-card-1{transform:translate(-190px,-84px)rotate(-10deg)}.echo-holo-card-2{width:132px;height:188px;animation-delay:-.8s;transform:translate(180px,-112px)rotate(13deg)}.echo-holo-card-3{width:104px;height:150px;animation-delay:-1.5s;transform:translate(-108px,118px)rotate(-15deg)}.echo-holo-card-4{animation-delay:-2.1s;transform:translate(158px,104px)rotate(10deg)}.echo-holo-card-5{width:96px;height:136px;animation-delay:-2.9s;transform:translate(-30px,-178px)rotate(5deg)}.echo-holo-card-6{width:92px;height:128px;animation-delay:-3.4s;transform:translate(58px,182px)rotate(-22deg)}.echo-core{z-index:4;background:radial-gradient(circle,#70e5ff2e,#0000 68%),#03080cd1;border:1px solid #70e5ff80;border-radius:50%;place-items:center;width:164px;height:164px;animation:3.6s ease-in-out infinite echo-core-pulse;display:grid;position:relative;box-shadow:0 0 0 1px #ffffff14,0 0 58px #70e5ff57}.echo-core:before,.echo-core:after{content:"";border:1px solid #70e5ff2e;border-radius:50%;animation:3.4s ease-out infinite echo-ring;position:absolute;inset:-24px}.echo-core:after{animation-delay:1.4s}.echo-core img{object-fit:contain;filter:drop-shadow(0 0 22px #70e5ffb8);border-radius:50%;width:132px;height:132px}@keyframes echo-card-float{0%,to{margin-top:0}50%{margin-top:-18px}}@keyframes echo-core-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 1px #ffffff14,0 0 58px #70e5ff57}50%{transform:scale(1.035);box-shadow:0 0 0 1px #ffffff1f,0 0 82px #70e5ff80}}@keyframes echo-ring{0%{opacity:.7;transform:scale(.82)}to{opacity:0;transform:scale(1.42)}}.account-card{background:linear-gradient(140deg, #e6c06b0f, transparent 40%), var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #e6c06b3d;border-radius:14px;min-height:390px;padding:28px;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000073,inset 0 1px #ffffff0a}.account-card:after{content:"";background:radial-gradient(circle,#e6c06b21,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-100px}.account-card-heading{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.account-card h2,.plans-section h2{color:#fff8e7;letter-spacing:-.035em;margin:7px 0 0;font-size:1.65rem}.online-dot{background:var(--emerald);border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #6de2aad9}.signed-out{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;min-height:290px;display:flex;position:relative}.signed-out p{max-width:390px;color:var(--muted);margin:0 0 28px;line-height:1.75}.steam-button{cursor:pointer;color:#dffaff;background:linear-gradient(135deg,#70e5ff38,#70e5ff12);border:1px solid #70e5ff7a;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 20px;font-size:.82rem;font-weight:900;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.steam-button svg{width:22px;height:22px}.steam-button:hover:not(:disabled){border-color:var(--cyan);background:linear-gradient(135deg,#70e5ff4d,#70e5ff1a);transform:translateY(-2px)}button:disabled,a.disabled{cursor:not-allowed;opacity:.48}.identity-line{z-index:1;border-bottom:1px solid #ffffff14;align-items:center;gap:14px;margin:30px 0 24px;padding-bottom:22px;display:flex;position:relative}.steam-avatar{width:48px;height:48px;color:var(--cyan);background:#70e5ff14;border:1px solid #70e5ff3d;border-radius:50%;flex:none;place-items:center;display:grid}.steam-avatar svg{width:25px;height:25px}.steam-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.identity-line div:last-child{min-width:0}.identity-line strong,.identity-line span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.identity-line strong{color:#fff;font-size:1rem}.identity-line span{color:#f8f3e775;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.account-stats{z-index:1;grid-template-columns:1fr 1fr;gap:10px;display:grid;position:relative}.account-stats>div{background:#0000002e;border:1px solid #ffffff12;border-radius:7px;min-width:0;padding:12px 14px}.account-stats span,.account-stats strong{display:block}.account-stats span{color:#f8f3e780;letter-spacing:.04em;font-size:.68rem;font-weight:700}.account-stats strong{color:#fff5d7;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.92rem;overflow:hidden}.account-controls{z-index:1;gap:10px;margin-top:18px;display:flex;position:relative}.account-controls button{cursor:pointer;min-height:36px;color:var(--gold-soft);background:#e6c06b12;border:1px solid #e6c06b42;border-radius:4px;padding:0 14px;font-size:.74rem;font-weight:800}.account-controls button.quiet{color:var(--muted);background:0 0;border-color:#ffffff1a}.plans-section{border-top:1px solid #e6c06b24;max-width:1240px;margin:0 auto;padding:64px 24px 70px}.section-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:28px;display:flex}.section-heading p{max-width:720px;color:var(--muted);margin:12px 0 0;line-height:1.75}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1200px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.plan-card{background:linear-gradient(155deg,#ffffff09,#0000 46%),#0a0c12c7;border:1px solid #ffffff17;border-radius:10px;flex-direction:column;min-height:445px;padding:40px 24px 24px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.plan-card:hover{transform:translateY(-4px)}.plan-card-amber:hover{border-color:#e6c06b61;box-shadow:0 28px 72px #e6c06b14}.plan-card-emerald:hover{border-color:#6de2aa61;box-shadow:0 28px 72px #6de2aa14}.plan-card-cyan:hover{border-color:#70e5ff61;box-shadow:0 28px 72px #70e5ff14}.plan-card-slate:hover{border-color:#94a3b852;box-shadow:0 28px 72px #94a3b812}.plan-card-accent{height:2px;position:absolute;top:0;left:0;right:0}.plan-card-amber .plan-card-accent{background:var(--gold)}.plan-card-emerald .plan-card-accent{background:var(--emerald)}.plan-card-cyan .plan-card-accent{background:var(--cyan)}.plan-card-slate .plan-card-accent{background:#94a3b8b3}.plan-ribbon{color:#d9ffee;letter-spacing:.16em;text-align:center;text-transform:uppercase;background:#6de2aa29;padding:6px 0;font-size:.64rem;font-weight:900;position:absolute;top:0;left:0;right:0}.plan-card-recommended{border-color:#6de2aa73;box-shadow:inset 0 0 0 1px #6de2aa4d}.plan-card-topline{justify-content:space-between;align-items:flex-start;gap:12px;min-height:40px;display:flex}.plan-card h3{color:#fff;letter-spacing:-.03em;margin:0;font-size:1.35rem}.plan-badge.current{color:var(--gold-soft);white-space:nowrap;background:#e6c06b14;border:1px solid #e6c06b80;border-radius:999px;flex:none;padding:4px 9px;font-size:.61rem;font-weight:900}.plan-card-current{background:radial-gradient(120% 120% at 50% 0,#e6c06b1f,#0000 58%),#14110ce6;border-color:#e6c06b80;box-shadow:inset 0 0 0 1px #e6c06b47,0 24px 64px #e6c06b14}.plan-card-current .plan-card-accent{background:var(--gold)}.plan-card-current .plan-action{color:var(--gold-soft);background:#e6c06b0f;border-color:#e6c06b4d}.plan-price{align-items:baseline;margin:25px 0 18px;display:flex}.plan-price strong{color:#fff5d7;letter-spacing:-.055em;font-size:2.4rem}.plan-price span{color:#f8f3e76b;margin-left:7px;font-size:.72rem}.plan-card ul{color:#f8f3e7ad;gap:10px;margin:20px 0 26px;padding:0;font-size:.76rem;line-height:1.5;list-style:none;display:grid}.plan-card li{gap:8px;display:flex}.plan-card li .feature-mark{color:var(--emerald);font-weight:900}.plan-card li.feature-include .feature-mark{color:var(--emerald)}.plan-card li.feature-negative{color:#f8f3e766;text-decoration:line-through}.plan-card li.feature-negative .feature-mark{color:#e8867d;text-decoration:none}.plan-action{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff29;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:42px;margin-top:auto;font-size:.76rem;font-weight:900;transition:transform .18s,background .18s,border-color .18s;display:flex}.plan-card-amber .plan-action:not(:disabled){color:var(--gold-soft);border-color:#e6c06b57}.plan-card-emerald .plan-action:not(:disabled){color:#baf5d6;border-color:#6de2aa57}.plan-card-cyan .plan-action:not(:disabled){color:#dffaff;border-color:#70e5ff57}.plan-action:hover:not(:disabled){background:#ffffff17;border-color:currentColor;transform:translateY(-1px)}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pending-bar{z-index:55;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(120% 140% at 0 0,#70e5ff1a,#0000 60%),#0b0f16f7;border:1px solid #70e5ff4d;border-radius:10px;align-items:center;gap:14px;max-width:560px;margin:0 auto;padding:14px 16px;animation:.22s cubic-bezier(.16,1,.3,1) pending-rise;display:flex;position:fixed;bottom:22px;left:22px;right:22px;box-shadow:0 24px 70px #00000080}.pending-spinner{border:2px solid #70e5ff59;border-right-color:#0000;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}.pending-text{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.pending-text strong{color:#e6fbff;font-size:.86rem}.pending-text span{color:var(--muted);font-size:.72rem;line-height:1.5}.pending-actions{flex:none;align-items:center;gap:8px;display:flex}.pending-recheck{cursor:pointer;color:#dffaff;white-space:nowrap;background:#70e5ff1a;border:1px solid #70e5ff73;border-radius:5px;min-height:36px;padding:0 14px;font-size:.74rem;font-weight:900;transition:background .16s,border-color .16s}.pending-recheck:hover:not(:disabled){border-color:var(--cyan);background:#70e5ff2e}.pending-dismiss{cursor:pointer;width:30px;height:30px;color:var(--muted);background:0 0;border:1px solid #ffffff1f;border-radius:5px;flex:none;place-items:center;font-size:1rem;line-height:1;transition:border-color .16s,color .16s;display:grid}.pending-dismiss:hover:not(:disabled){color:#e8ecf5;border-color:#ffffff47}@keyframes pending-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.support-section{text-align:center;background:radial-gradient(120% 120% at 50% 0,#e6c06b1a,#0000 60%),#0c0e15c2;border:1px solid #e6c06b2e;border-radius:14px;flex-direction:column;align-items:center;gap:18px;max-width:640px;margin:0 auto 64px;padding:34px 38px;display:flex}.support-section p{color:#f8f3e780;order:2;max-width:480px;margin:0;font-size:.74rem;line-height:1.6}.support-provider-link{color:var(--gold-soft);text-underline-offset:2px;font-weight:800;text-decoration:underline}.support-provider-link:hover{color:var(--gold)}.support-actions{flex-wrap:wrap;order:1;justify-content:center;align-items:center;gap:12px;display:flex}.support-cta{color:#ffedbf;letter-spacing:.01em;background:linear-gradient(135deg,#e6c06b42,#e6c06b14);border:1px solid #e6c06b8c;border-radius:10px;place-items:center;min-width:220px;min-height:56px;padding:0 34px;font-size:1rem;font-weight:900;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-grid;box-shadow:0 14px 40px #e6c06b1f}.support-cta:not(.disabled):hover{border-color:var(--gold);background:linear-gradient(135deg,#e6c06b5c,#e6c06b24);transform:translateY(-2px);box-shadow:0 20px 54px #e6c06b33}.support-alt{min-height:56px;color:var(--gold-soft);border:1px solid #e6c06b47;border-radius:10px;place-items:center;padding:0 26px;font-size:.86rem;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-grid}.support-alt:hover{background:#e6c06b0f;border-color:#e6c06b80;transform:translateY(-2px)}footer{color:#f8f3e76b;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:30px;max-width:1240px;margin:0 auto;padding:24px;font-size:.7rem;line-height:1.5;display:flex}footer a{color:var(--gold);flex:none}.status-toast{z-index:50;color:#c9f8df;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1813f0;border:1px solid #6de2aa52;border-radius:7px;align-items:center;gap:16px;max-width:min(460px,100vw - 44px);padding:14px 14px 14px 16px;font-size:.78rem;line-height:1.5;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 60px #00000070}.status-toast.error{color:#ffd3d3;background:#200d11f2;border-color:#ff8e8e52}.status-toast button{cursor:pointer;color:currentColor;background:0 0;border:0;flex:none;place-items:center;width:24px;height:24px;font-size:1.1rem;display:grid}@media (width<=980px){.account-hero{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:720px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}}@media (width<=680px){.account-header{min-height:58px;padding-inline:16px}.account-hero,.plans-section{padding-inline:16px}.account-hero{padding-top:62px}.hero-copy h1{font-size:clamp(2.5rem,14vw,4rem)}.account-card{min-height:0;padding:22px}.account-stats{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:stretch}.support-section{margin-inline:16px;padding:30px 22px}.support-actions{flex-direction:column;width:100%}.support-cta,.support-alt{width:100%;min-width:0}footer{flex-direction:column;align-items:flex-start;padding-inline:16px}.status-toast{max-width:calc(100vw - 28px);bottom:14px;right:14px}.pending-bar{flex-wrap:wrap;bottom:14px;left:14px;right:14px}.pending-text{flex-basis:100%}.pending-actions{justify-content:flex-end;width:100%}.pending-recheck{flex:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}