:root{color-scheme:light;--paper:#f1f1ef;--surface:#fff;--subtle:#f7f7f6;--ink:#1c1c1c;--muted:#686868;--quiet:#858585;--line:#e3e3e1;--border:#d5d5d3;--dark:#202020;--accent:#222;--success:#326c4e;--shadow:0 15px 45px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.035);--radius:20px;--ease:cubic-bezier(.22,1,.36,1);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #366af3}.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);background:#fff;color:#111;padding:12px}.skip-link:focus{transform:translateY(0)}.preview-bar{display:flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:8px 20px;background:#242424;color:#fff;font-size:11px;font-weight:600;letter-spacing:.015em;text-align:center}.preview-bar b{font-weight:700}.preview-bar svg{width:13px;height:13px;flex:none}.site-shell{width:min(1380px,100%);margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6.1%;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:16px;font-weight:800;letter-spacing:-.065em;text-decoration:none}.brand-symbol{width:28px;height:28px;border-radius:50%;background:#1d1d1d;display:grid;place-items:center;color:white;overflow:hidden}.brand-symbol svg{width:17px;height:17px}.top-end{display:flex;align-items:center;gap:9px;color:#686868;font-size:12px}.top-end .pill{margin:0}.step-chip,.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:100px;padding:8px 11px;font-size:11px;color:#555;font-weight:650;white-space:nowrap}.step-chip i,.online-dot{display:block;width:6px;height:6px;border-radius:50%;background:#606c64}.auth-layout{min-height:calc(100vh - 113px);display:grid;grid-template-columns:minmax(380px,.98fr) minmax(470px,1.02fr)}.story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:75px clamp(45px,7vw,105px) 38px;background:#e7e7e5}.story:before,.story:after{content:"";position:absolute;border:1px solid rgba(0,0,0,.05);border-radius:50%;pointer-events:none}.story:before{width:570px;height:570px;bottom:-255px;left:-215px}.story:after{width:380px;height:380px;bottom:-160px;left:-120px}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 21px;color:#686868;font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:17px;height:1px;background:currentColor}.story h1{position:relative;z-index:1;max-width:580px;margin:0;font-size:clamp(48px,5.2vw,76px);line-height:.99;letter-spacing:-.075em;font-weight:690}.story h1 span{color:#969693}.story-sub{position:relative;z-index:1;max-width:330px;margin:22px 0 0;color:#5e5e5c;font-size:15px;line-height:1.6}.story-foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:40px;color:#666;font-size:11px;line-height:1.5}.pitch-art{position:relative;align-self:flex-end;width:220px;height:220px;margin:25px 3% 0 0;border:1px solid #c9c9c7;border-radius:50%;display:grid;place-items:center;transform:rotate(-17deg)}.pitch-art:before,.pitch-art:after{content:"";position:absolute;inset:17px;border:1px solid #c9c9c7;border-radius:50%}.pitch-art:after{inset:41px}.ball-core{display:grid;place-items:center;width:96px;height:96px;background:#f5f5f3;border:1px solid #d1d1cf;border-radius:50%;box-shadow:0 12px 28px #0000000c}.ball-core svg{width:43px;height:43px;stroke:#323232}.orbit-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#2b2b2a;left:15px;top:41px;box-shadow:0 0 0 6px #e7e7e5}.auth-right{display:flex;align-items:center;justify-content:center;padding:48px 40px 62px}.form-wrap{width:min(100%,438px);animation:appear .45s var(--ease) both}.progress{display:flex;gap:5px;margin-bottom:36px}.progress span{height:3px;width:44px;background:#d5d5d2;border-radius:4px}.progress .active{background:#282828}.form-kicker{font-size:11px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.form-wrap h2{margin:0;color:#202020;font-size:clamp(29px,3vw,39px);letter-spacing:-.055em;line-height:1.08;font-weight:700}.form-intro{margin:12px 0 25px;color:#686868;font-size:14px;line-height:1.5}.inviter{display:flex;gap:11px;align-items:center;padding:13px;background:#f9f9f8;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ddd;color:#333;font-weight:700;font-size:12px;flex:none}.inviter strong{display:block;font-size:13px}.inviter small{display:block;color:#777;font-size:11px;margin-top:3px}.field{display:block;margin:0 0 15px}.field-label{display:flex;justify-content:space-between;margin:0 0 7px;color:#414141;font-size:12px;font-weight:650}.input-wrap{display:flex;align-items:center;background:#fff;border:1px solid #dededc;border-radius:12px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#929290;box-shadow:0 0 0 3px #0000000a}.input-wrap input{width:100%;min-width:0;padding:13px 14px;border:0;outline:0;background:transparent;color:#242424;font-size:14px}.input-wrap input::placeholder{color:#999}.input-wrap button{width:43px;height:43px;display:grid;place-items:center;border:0;background:transparent;color:#686868}.input-wrap svg{width:17px;height:17px}.hint{display:block;color:#777;font-size:11px;line-height:1.4;margin-top:6px}.form-error{margin:-1px 0 13px;color:#a43535;font-size:12px;line-height:1.4}.primary,.secondary,.quiet-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 18px;border-radius:12px;font-weight:650;font-size:13px;transition:transform .25s var(--ease),background .2s,box-shadow .2s}.primary{border:1px solid #202020;background:#202020;color:white}.primary:hover{background:#383838;box-shadow:0 7px 17px #0000001c;transform:translateY(-1px)}.primary:disabled{background:#b5b5b5;border-color:#b5b5b5;box-shadow:none;transform:none}.secondary{border:1px solid #dededc;background:#fff;color:#222}.secondary:hover,.quiet-button:hover{background:#f3f3f2}.quiet-button{border:0;background:transparent;color:#4c4c4c}.wide{width:100%}.primary svg,.secondary svg,.quiet-button svg{width:16px;height:16px}.below-form{text-align:center;color:#777;font-size:12px;margin:19px 0 0;line-height:1.6}.text-button{border:0;padding:0;background:none;color:#1f1f1f;font-weight:700;text-decoration:underline;text-underline-offset:3px}.linklike{border:0;background:transparent;color:#454545;font-size:12px;padding:8px 0}.terms{margin-top:23px;color:#838383;font-size:11px;line-height:1.5}.team-wrap{width:min(100%,555px)}.team-wrap .form-intro{margin-bottom:18px}.search-box{display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #dededc;border-radius:12px;background:#fff}.search-box svg{width:16px;height:16px;flex:none;color:#888}.search-box input{width:100%;border:0;outline:0;padding:12px 0;background:transparent;font-size:13px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:282px;overflow:auto;margin:14px 0;padding:1px 2px 3px 1px;scrollbar-width:thin}.team-choice{min-width:0;min-height:93px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:10px 5px;border:1px solid #e2e2e0;border-radius:14px;background:#fff;color:#292929;transition:border-color .2s,transform .25s var(--ease),box-shadow .2s}.team-choice:hover{border-color:#aaa;transform:translateY(-2px)}.team-choice[aria-pressed="true"]{border-color:#222;box-shadow:inset 0 0 0 1px #222}.team-name{max-width:100%;font-size:11px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crest{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#efefed;color:#272727;border:1px solid #dadad8;font-size:10px;font-weight:800;letter-spacing:-.04em;flex:none}.crest.large{width:46px;height:46px;font-size:12px}.crest.dark{background:#292929;border-color:#292929;color:#fff}.selected-info{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid #e1e1df;border-radius:13px;background:#f9f9f8}.selected-info strong{display:block;font-size:12px}.selected-info p{margin:4px 0 0;color:#757575;font-size:11px}.selected-info b{white-space:nowrap;font-size:13px}.empty-search{grid-column:1/-1;padding:18px;text-align:center;color:#777;font-size:12px}.back-row{display:flex;justify-content:space-between;margin-top:14px}.dashboard{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:calc(100vh - 37px)}.side{position:sticky;top:0;align-self:start;min-height:100vh;display:flex;flex-direction:column;padding:27px 17px 20px;border-right:1px solid var(--line);background:#fafaf9}.side .wordmark{margin:0 9px 43px}.nav-label{padding:0 11px;margin-bottom:12px;color:#858585;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav-list{display:grid;gap:4px}.nav-button{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:#676767;font-size:12px;font-weight:600;text-align:left;transition:background .2s,color .2s}.nav-button svg{width:17px;height:17px}.nav-button:hover{background:#f0f0ef}.nav-button.active{background:#eaeae8;color:#1d1d1d}.side-bottom{margin-top:auto;padding:25px 7px 0;color:#888;font-size:11px;line-height:1.55}.main-area{min-width:0;padding:0 clamp(22px,4.2vw,64px) 65px}.dash-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.crumb{font-size:12px;color:#777}.crumb strong{color:#252525}.header-profile{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650}.header-profile .avatar{width:32px;height:32px;background:#dededb}.dash-content{max-width:1160px;margin:auto;padding-top:42px;animation:appear .4s var(--ease) both}.dash-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:27px}.dash-title-row h1{margin:7px 0 8px;font-size:clamp(32px,3.5vw,47px);letter-spacing:-.065em;line-height:1.06;font-weight:700}.dash-title-row p{margin:0;color:#747474;line-height:1.5;font-size:13px}.dash-date{font-size:11px;color:#777;white-space:nowrap}.dash-kicker{font-size:10px;color:#777;letter-spacing:.13em;font-weight:750;text-transform:uppercase}.summary-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:15px}.balance-card,.feature-card,.panel-card,.team-plan,.rule-card,.level-box{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 8px #00000005}.balance-card{min-height:207px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.subtle-label{color:#747474;font-size:12px;font-weight:550}.card-top svg{width:18px;height:18px;color:#777}.balance-number{font-size:clamp(34px,4vw,47px);letter-spacing:-.065em;font-weight:700;margin-top:12px}.balance-number small{font-size:16px;font-weight:550;letter-spacing:0;color:#666}.balance-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px}.balance-footer .buttons{display:flex;gap:8px}.balance-footer .primary,.balance-footer .secondary{min-height:40px;padding:9px 13px;font-size:12px}.balance-note{color:#777;font-size:11px}.feature-card{padding:24px;min-height:207px;display:flex;flex-direction:column;justify-content:space-between;background:#e5e5e2;border-color:#e0e0dd}.feature-card .eyebrow{margin-bottom:10px;font-size:9px}.feature-card h2{font-size:25px;line-height:1.1;letter-spacing:-.055em;margin:0 0 8px}.feature-card p{color:#636363;margin:0;line-height:1.5;font-size:12px;max-width:230px}.feature-card button{align-self:flex-start;min-height:38px;padding:8px 13px;background:#fff;border-color:#fff;font-size:12px;margin-top:16px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:34px 0 14px}.section-heading h2{font-size:18px;letter-spacing:-.04em;margin:0}.section-heading p{margin:5px 0 0;color:#777;font-size:12px;line-height:1.4}.section-heading button{white-space:nowrap}.team-plan{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;padding:18px 20px}.team-plan-main{display:flex;align-items:center;gap:13px;min-width:0}.team-plan h3{margin:0;font-size:14px;letter-spacing:-.015em}.team-plan p{margin:5px 0 0;color:#777;font-size:11px}.team-plan-right{display:flex;gap:28px;align-items:center;text-align:right}.team-plan-right span{display:block;color:#777;font-size:10px;margin-bottom:5px}.team-plan-right strong{font-size:13px}.status-line{display:flex;gap:8px;align-items:center;color:#777;font-size:11px;margin-top:15px}.status-line .online-dot{width:5px;height:5px;background:#9b9b98}.catalog-head{display:flex;gap:18px;justify-content:space-between;align-items:end;margin-bottom:20px}.catalog-head h1,.page-title{margin:0 0 8px;font-size:clamp(31px,3vw,42px);letter-spacing:-.06em}.catalog-head p,.page-copy{margin:0;color:#777;font-size:13px;line-height:1.5}.catalog-search{width:min(240px,100%)}.catalog-list{display:grid;gap:10px}.catalog-card{display:grid;grid-template-columns:minmax(160px,1.3fr) repeat(3,minmax(75px,.55fr)) auto;align-items:center;gap:15px;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}.catalog-name{display:flex;align-items:center;gap:12px;min-width:0}.catalog-name h2{font-size:13px;margin:0;letter-spacing:-.01em}.catalog-name p{margin:4px 0 0;color:#777;font-size:11px;line-height:1.35}.metric span{display:block;color:#777;font-size:10px;margin-bottom:5px}.metric strong{font-size:13px}.catalog-card .secondary{min-height:38px;padding:8px 13px}.proposed{display:inline-block;margin-left:4px;color:#777;font-size:9px;font-weight:600}.info-banner{padding:14px 16px;margin:20px 0;border:1px solid #dfdfdc;border-radius:13px;background:#f7f7f5;color:#626262;font-size:12px;line-height:1.5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-card{padding:23px}.panel-card h2{margin:0 0 9px;font-size:17px;letter-spacing:-.03em}.panel-card p{margin:0;color:#777;font-size:12px;line-height:1.55}.panel-card .primary,.panel-card .secondary{margin-top:22px}.referral-box{margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.invite-url{display:flex;gap:9px;margin-top:16px}.invite-url code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center;color:#6d6d6d;font-size:12px}.invite-url button{min-height:38px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.level-box{padding:14px 10px;box-shadow:none}.level-box span{display:block;color:#777;font-size:10px}.level-box strong{display:block;margin-top:6px;font-size:18px;letter-spacing:-.04em}.rules-list{list-style:none;padding:0;margin:18px 0 0}.rules-list li{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #eeeeec;padding:13px 0;color:#717171;font-size:12px}.rules-list li:last-child{border:0}.rules-list strong{color:#292929;text-align:right}.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0007;animation:fade .2s ease both}.dialog{position:relative;width:min(100%,430px);padding:25px;border:1px solid #ddd;border-radius:22px;background:#fff;box-shadow:0 24px 80px #0002;animation:pop .35s var(--ease) both}.dialog h2{font-size:22px;letter-spacing:-.045em;margin:0 35px 10px 0}.dialog p{margin:0;color:#666;font-size:13px;line-height:1.55}.dialog .primary{width:100%;margin-top:22px}.close{position:absolute;top:17px;right:17px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#f2f2f0}.close svg{width:16px;height:16px}.toast{position:fixed;z-index:30;bottom:26px;right:26px;max-width:min(90vw,340px);padding:13px 16px;border-radius:12px;background:#242424;color:#fff;font-size:12px;box-shadow:var(--shadow);animation:appear .3s var(--ease)}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.story{min-height:250px;padding:43px 7% 30px}.story h1{font-size:clamp(42px,7vw,56px);max-width:600px}.story-sub{margin-top:14px;max-width:430px}.story-foot{margin-top:25px}.pitch-art{position:absolute;right:2%;bottom:-45px;width:190px;height:190px;opacity:.5}.auth-right{padding:38px 7% 60px}.dashboard{grid-template-columns:1fr}.side{display:none}.main-area{padding:0 6% 100px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e0e0de;background:#fafaf9}.mobile-nav button{width:20%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:47px;border:0;background:transparent;color:#777;font-size:9px}.mobile-nav button.active{color:#1e1e1e;font-weight:750}.mobile-nav svg{width:19px;height:19px}.dash-header{height:72px}.dash-content{padding-top:30px}.catalog-card{grid-template-columns:minmax(135px,1.2fr) repeat(2,minmax(70px,.7fr));gap:12px}.catalog-card .metric.duration{display:none}.catalog-card .secondary{grid-column:1/-1;width:100%}}
@media(max-width:520px){.preview-bar{font-size:10px;padding:8px 10px}.topbar{height:63px;padding:0 6%}.top-end{font-size:10px}.auth-layout{min-height:0}.story{min-height:200px;padding:34px 6% 28px}.story h1{font-size:44px;max-width:290px}.story-sub{font-size:13px;max-width:245px}.story-foot{display:none}.pitch-art{right:-60px;bottom:-55px;width:190px;height:190px}.auth-right{padding:33px 6% 48px}.progress{margin-bottom:28px}.form-wrap h2{font-size:31px}.team-grid{max-height:290px}.team-choice{min-height:87px}.dash-title-row{align-items:start}.dash-date{display:none}.dash-title-row h1{font-size:35px}.summary-layout{grid-template-columns:1fr}.balance-card{min-height:190px}.feature-card{min-height:175px}.team-plan{padding:15px}.team-plan-right{gap:12px}.team-plan-right .metric-deposit{display:none}.catalog-head{display:block}.catalog-search{margin-top:16px;width:100%}.catalog-card{grid-template-columns:minmax(120px,1.25fr) 1fr 1fr;padding:14px;gap:9px}.catalog-name{gap:8px}.catalog-name .crest{width:32px;height:32px}.catalog-name h2{font-size:12px}.catalog-name p{font-size:10px}.metric strong{font-size:12px}.two-col{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(5,1fr)}.level-box{padding:10px 6px;text-align:center}.level-box span{font-size:9px}.level-box strong{font-size:16px}.header-profile span{display:none}.balance-footer{align-items:end}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.signup-bonus{display:flex;justify-content:space-between;gap:12px;margin:-7px 0 18px;color:#686868;font-size:12px}.signup-bonus strong{color:#242424}

/* Team imagery and the dedicated selection scene. */
.crest-image,.crest-image.dark{background:#fff;border-color:#e5e5e3;overflow:hidden}
.crest-image img{display:block;width:75%;height:75%;object-fit:contain}
.intro-screen{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;overflow:hidden;background:#efefed;color:#202020}
.intro-top,.intro-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,5vw,76px)}
.intro-skip,.intro-bottom button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#555;font-size:12px;font-weight:650}
.intro-skip svg,.intro-bottom svg{width:15px;height:15px}
.intro-bottom span{color:#777;font-size:10px;font-weight:700;letter-spacing:.13em}
.intro-scene{position:absolute;inset:0;display:grid;place-items:center}
.intro-hello,.intro-stage-title,.intro-final{position:absolute;top:27%;font-size:clamp(34px,5vw,64px);font-weight:650;letter-spacing:-.065em;text-align:center;opacity:0}
.intro-hello{width:100%;padding:0 18px;font-size:clamp(27px,4.3vw,54px);line-height:1.1;animation:intro-first 1.55s var(--ease) both}
.intro-stage-title{font-size:clamp(25px,3.4vw,45px);animation:intro-second 3.2s var(--ease) 1.25s both}
.intro-final{top:auto;bottom:20%;font-size:clamp(24px,3vw,38px);animation:intro-last 2s var(--ease) 4.5s both}
.intro-cards{position:absolute;top:38%;left:0;right:0;height:250px;perspective:1000px}
.intro-card{position:absolute;left:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;width:155px;height:205px;padding:18px;border:1px solid #e1e1df;border-radius:19px;background:#fff;box-shadow:0 16px 34px #0000000d;font-size:11px;font-weight:700;transform:translate(calc(-50% + var(--x)),0) rotate(var(--rot)) scale(var(--scale));opacity:0;animation:intro-card-in 1.05s var(--ease) var(--delay) forwards}
.intro-card img{width:83px;height:83px;object-fit:contain}
.intro-card-0{--x:-230px;--rot:-11deg;--scale:.82;--delay:2s;z-index:1}
.intro-card-1{--x:-120px;--rot:-6deg;--scale:.92;--delay:2.12s;z-index:2}
.intro-card-2{--x:0px;--rot:0deg;--scale:1;--delay:2.24s;z-index:3}
.intro-card-3{--x:120px;--rot:6deg;--scale:.92;--delay:2.36s;z-index:2}
.intro-card-4{--x:230px;--rot:11deg;--scale:.82;--delay:2.48s;z-index:1}
@keyframes intro-first{0%{opacity:0;transform:translateY(10px)}25%,70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-8px)}}
@keyframes intro-second{0%{opacity:0;transform:translateY(12px)}20%,74%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-8px)}}
@keyframes intro-last{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-card-in{from{opacity:0;transform:translate(-50%,24px) rotate(0) scale(.8)}to{opacity:1;transform:translate(calc(-50% + var(--x)),0) rotate(var(--rot)) scale(var(--scale))}}
.team-screen{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:38px 0 30px;background:#efefed}
.choose-back{position:absolute;z-index:2;top:26px;left:clamp(20px,4vw,55px);width:42px;height:42px;display:grid;place-items:center;border:1px solid #dededb;border-radius:50%;background:#f9f9f8;color:#242424}
.choose-back svg{width:18px;height:18px}
.team-screen-inner{width:100%;text-align:center}
.team-screen h1{margin:0 auto 28px;padding:0 22px;font-size:clamp(31px,4vw,51px);line-height:1.05;letter-spacing:-.065em;font-weight:680}
.team-screen h1 span{color:#858583}
.team-carousel{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:330px;overflow:hidden;touch-action:pan-y;user-select:none}
.carousel-current{position:relative;z-index:2;flex:none;animation:carousel-right .32s var(--ease) both}
.carousel-current.from-left{animation-name:carousel-left}
.carousel-neighbor{position:absolute;top:50%;z-index:1;opacity:.55;transform:translateY(-50%) scale(.8)}
.carousel-neighbor.prev{right:calc(50% + 165px)}.carousel-neighbor.next{left:calc(50% + 165px)}
.fan-card{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:250px;height:315px;padding:20px;border:1px solid #e0e0de;border-radius:22px;background:#fff;box-shadow:0 18px 45px #0000000b}
.fan-card-emblem{display:grid;place-items:center;width:170px;height:175px}
.fan-card-emblem img{max-width:145px;max-height:145px;width:100%;height:100%;object-fit:contain}
.fan-card-name{max-width:100%;margin-top:14px;color:#222;font-size:17px;font-weight:700;letter-spacing:-.035em}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:72px;margin:18px 0 22px}
.circle-control{width:43px;height:43px;display:grid;place-items:center;border:1px solid #d9d9d6;border-radius:50%;background:#fafaf9;color:#252525;transition:background .15s}
.circle-control:hover{background:#e4e4e1}.circle-control svg{width:17px;height:17px}.next-control svg{transform:rotate(180deg)}
.choose-button{min-width:250px}
@keyframes carousel-right{from{opacity:.4;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@keyframes carousel-left{from{opacity:.4;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}

/* Simulator and explanation. */
.dialog.calculator{max-height:calc(100svh - 36px);overflow:auto;padding:24px}
.calculator-team{display:flex;align-items:center;gap:12px;margin:2px 0 18px}
.calculator-team span:not(.crest){display:block;margin-bottom:4px;color:#777;font-size:10px;font-weight:700;letter-spacing:.09em}
.calculator-team h2{margin:0;font-size:22px}
.calculator p{font-size:12px}.calc-label{display:block;margin:20px 0 7px;color:#404040;font-size:12px;font-weight:650}
.calc-stepper{display:grid;grid-template-columns:48px 1fr 48px;min-height:54px;overflow:hidden;border:1px solid #dcdcd9;border-radius:13px;background:#f8f8f7}
.calc-stepper button{border:0;background:transparent;color:#222;font-size:23px}.calc-stepper button:hover:not(:disabled){background:#ededeb}.calc-stepper button:disabled{color:#bdbdbb}
.calc-stepper>div{display:flex;justify-content:center;align-items:center;gap:5px;border-right:1px solid #e3e3e1;border-left:1px solid #e3e3e1}
.calc-stepper>div span{color:#777;font-size:12px}.calc-stepper input{width:85px;padding:8px 0;border:0;background:transparent;color:#222;text-align:center;font-size:17px;font-weight:700;appearance:textfield}
.calc-stepper input::-webkit-inner-spin-button,.calc-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}
.calculator .calc-hint{min-height:18px;margin:7px 0 14px;color:#777;font-size:11px}
.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calc-results>div{padding:14px;border-radius:12px;background:#f3f3f1}.calc-results span{display:block;color:#777;font-size:10px}.calc-results strong{display:block;margin-top:6px;font-size:18px;letter-spacing:-.04em}
.calculator .calc-note{margin:14px 0 16px;color:#737373;font-size:11px;line-height:1.5}
.faq-list{max-width:800px;margin-top:26px;border-top:1px solid #dededb}
.faq-item{border-bottom:1px solid #dededb}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:65px;cursor:pointer;list-style:none;color:#252525;font-size:14px;font-weight:650}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:#777;font-size:20px;font-weight:400;transition:transform .2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{max-width:690px;margin:0 40px 20px 0;color:#666;font-size:13px;line-height:1.65}
@media(max-width:850px){.mobile-nav button{width:16.66%}}
@media(max-width:520px){.intro-top,.intro-bottom{padding:24px 21px}.intro-bottom span{max-width:150px;font-size:9px}.intro-hello,.intro-stage-title{top:30%}.intro-final{bottom:25%}.intro-card{width:125px;height:170px}.intro-card img{width:67px;height:67px}.intro-card-0{--x:-180px}.intro-card-1{--x:-95px}.intro-card-3{--x:95px}.intro-card-4{--x:180px}.team-screen{padding:78px 0 30px}.team-screen h1{font-size:32px;margin-bottom:23px}.team-carousel{height:300px}.fan-card{width:210px;height:285px}.fan-card-emblem{width:150px;height:150px}.fan-card-emblem img{max-width:125px;max-height:125px}.carousel-neighbor.prev{right:calc(50% + 127px)}.carousel-neighbor.next{left:calc(50% + 127px)}.carousel-controls{margin:14px 0 18px}.mobile-nav button{font-size:8px}.mobile-nav svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.intro-hello,.intro-stage-title{display:none}.intro-final{opacity:1;animation:none}.intro-card{opacity:1;animation:none}.carousel-current{animation:none}}

/* The opening fan of team cards, repeated beside the sign-up form. */
.intro-card-0{--x:-270px;--rot:-13deg;--scale:.78;--delay:2s;z-index:1}
.intro-card-1{--x:-166px;--rot:-8deg;--scale:.87;--delay:2.1s;z-index:2}
.intro-card-2{--x:-57px;--rot:-3deg;--scale:.98;--delay:2.2s;z-index:3}
.intro-card-3{--x:57px;--rot:3deg;--scale:.98;--delay:2.3s;z-index:3}
.intro-card-4{--x:166px;--rot:8deg;--scale:.87;--delay:2.4s;z-index:2}
.intro-card-5{--x:270px;--rot:13deg;--scale:.78;--delay:2.5s;z-index:1}
.story-animated{display:grid;grid-template-rows:1fr auto;align-items:center;padding:48px clamp(24px,4vw,62px) 38px}
.story-animated:before,.story-animated:after{display:none}
.story-motion-scene{position:relative;width:100%;height:420px}
.story-motion-title,.story-motion-ending{position:absolute;left:0;right:0;text-align:center;letter-spacing:-.055em;font-weight:680}
.story-motion-title{top:25px;font-size:clamp(25px,3vw,39px);animation:story-copy-in .7s var(--ease) both}
.story-motion-ending{bottom:42px;color:#858583;font-size:clamp(20px,2.2vw,29px);animation:story-copy-in .7s var(--ease) .65s both}
.story-motion-cards{position:absolute;top:110px;left:0;right:0;height:205px}
.story-motion-cards .intro-card-0{--delay:.25s}.story-motion-cards .intro-card-1{--delay:.35s}.story-motion-cards .intro-card-2{--delay:.45s}.story-motion-cards .intro-card-3{--delay:.55s}.story-motion-cards .intro-card-4{--delay:.65s}.story-motion-cards .intro-card-5{--delay:.75s}
@keyframes story-copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Welcome and dashboard choreography. */
.dashboard-home .dash-title-row{align-items:center}
.dashboard-home .dash-title-row>div:first-child{min-width:0}
.dashboard-home .dash-title-row h1{animation:welcome-title .65s var(--ease) both}
.dashboard-home .dash-title-row p{animation:dashboard-rise .65s var(--ease) .08s both}
.welcome-team{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0;max-width:210px;animation:dashboard-rise .65s var(--ease) .13s both}
.welcome-label{color:#8b8b88;font-size:9px;font-weight:750;letter-spacing:.12em}



.dashboard-home .balance-card,.dashboard-home .feature-card{position:relative;overflow:hidden}
.dashboard-home .balance-card{animation:dashboard-rise .7s var(--ease) .12s both}
.dashboard-home .feature-card{animation:dashboard-rise .7s var(--ease) .2s both}


.dashboard-home .balance-card>* ,.dashboard-home .feature-card>*{position:relative;z-index:1}
.dashboard-home .balance-number{animation:balance-reveal .7s var(--ease) .24s both}
.dashboard-home .section-heading{animation:dashboard-rise .65s var(--ease) .24s both}
.dashboard-home .team-plan,.dashboard-home .status-line{animation:dashboard-rise .65s var(--ease) .3s both}
.dashboard-home .team-plan .crest{animation:badge-arrive .7s var(--ease) .34s both}
.nav-button svg{transition:transform .2s var(--ease)}
@media (hover:hover){.nav-button:hover svg{transform:translateX(2px)}.dashboard-home .team-plan{transition:transform .2s var(--ease),box-shadow .2s}.dashboard-home .team-plan:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000000b}}
@keyframes welcome-title{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes dashboard-rise{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
@keyframes balance-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes badge-arrive{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@media(max-width:850px){
  .story-animated{min-height:242px;padding:24px 0;display:block}
  .story-motion-scene{height:194px}
  .story-motion-title{top:0;font-size:22px}
  .story-motion-ending{bottom:0;font-size:18px}
  .story-motion-cards{top:40px;height:122px}
  .story-motion-cards .intro-card{width:90px;height:122px;padding:8px;gap:7px;border-radius:13px;font-size:8px}
  .story-motion-cards .intro-card img{width:54px;height:54px}
  .story-motion-cards .intro-card-0{--x:-220px}.story-motion-cards .intro-card-1{--x:-137px}.story-motion-cards .intro-card-2{--x:-47px}.story-motion-cards .intro-card-3{--x:47px}.story-motion-cards .intro-card-4{--x:137px}.story-motion-cards .intro-card-5{--x:220px}
}
@media(max-width:520px){
  .intro-card-0{--x:-250px}.intro-card-1{--x:-157px}.intro-card-2{--x:-61px}.intro-card-3{--x:61px}.intro-card-4{--x:157px}.intro-card-5{--x:250px}
  .dashboard-home .dash-title-row{gap:10px;align-items:center}
  .dashboard-home .dash-title-row h1{font-size:clamp(29px,8vw,35px)}
  .welcome-team{max-width:114px;gap:5px}
  .welcome-label{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .story-motion-title,.story-motion-ending,.dashboard-home .dash-title-row h1,.dashboard-home .dash-title-row p,.welcome-team,.dashboard-home .balance-card,.dashboard-home .feature-card,.dashboard-home .balance-number,.dashboard-home .section-heading,.dashboard-home .team-plan,.dashboard-home .status-line,.dashboard-home .team-plan .crest{animation:none;opacity:1;transform:none}
  .story-motion-cards .intro-card{animation:none;opacity:1}
}
.story-animated{grid-template-columns:minmax(0,1fr)}
.story-animated>.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:851px){
  .story-motion-cards .intro-card-0{--x:-210px}.story-motion-cards .intro-card-1{--x:-130px}.story-motion-cards .intro-card-2{--x:-45px}.story-motion-cards .intro-card-3{--x:45px}.story-motion-cards .intro-card-4{--x:130px}.story-motion-cards .intro-card-5{--x:210px}
}
@media(min-width:851px) and (max-width:1100px){
  .story-motion-cards .intro-card{width:125px;height:170px}.story-motion-cards .intro-card img{width:67px;height:67px}
  .story-motion-cards .intro-card-0{--x:-165px}.story-motion-cards .intro-card-1{--x:-103px}.story-motion-cards .intro-card-2{--x:-37px}.story-motion-cards .intro-card-3{--x:37px}.story-motion-cards .intro-card-4{--x:103px}.story-motion-cards .intro-card-5{--x:165px}
}
@media(max-width:520px){
  .intro-cards .intro-card{width:90px;height:122px;padding:8px;gap:7px;border-radius:13px;font-size:8px}
  .intro-cards .intro-card img{width:54px;height:54px}
  .intro-cards .intro-card-0,.story-motion-cards .intro-card-0{--x:-145px}
  .intro-cards .intro-card-1,.story-motion-cards .intro-card-1{--x:-87px}
  .intro-cards .intro-card-2,.story-motion-cards .intro-card-2{--x:-29px}
  .intro-cards .intro-card-3,.story-motion-cards .intro-card-3{--x:29px}
  .intro-cards .intro-card-4,.story-motion-cards .intro-card-4{--x:87px}
  .intro-cards .intro-card-5,.story-motion-cards .intro-card-5{--x:145px}
}

/* A restrained team identity follows the selected club throughout the dashboard. */
.dashboard-themed .main-area{position:relative;isolation:isolate;overflow:hidden}
.dashboard-themed .main-area>.dash-header,.dashboard-themed .main-area>.dash-content{position:relative;z-index:1}
.team-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}



.dashboard-themed .side{border-color:var(--team-border)}
.dashboard-themed .nav-button.active{background:var(--team-soft);color:var(--team-color)}
.dashboard-themed .header-profile .avatar{background:var(--team-soft);color:var(--team-color)}
.dashboard-themed .welcome-label{color:var(--team-color)}

.dashboard-themed .primary{background:var(--team-color);border-color:var(--team-color);color:#fff}
.dashboard-themed .primary:hover{filter:brightness(1.12)}
.dashboard-themed .feature-card{background:linear-gradient(145deg,#fafafa,var(--team-soft));border-color:var(--team-border)}

.dashboard-themed .team-plan{position:relative;overflow:hidden;border-color:var(--team-border)}
.dashboard-themed .team-plan:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--team-color);opacity:.85}
.dashboard-themed .mobile-nav button.active{color:var(--team-color)}

.modal-team-themed .primary{background:var(--team-color);border-color:var(--team-color);color:#fff}
.modal-team-themed .primary:hover{filter:brightness(1.12)}
.modal-team-themed .calc-results>div{background:var(--team-soft)}
.modal-team-themed .calculator-team .crest{border-color:var(--team-border)}
.modal-team-themed .calc-stepper:focus-within{border-color:var(--team-color)}

/* A soft club-colored backdrop keeps the dashboard calm and recognizable. */
.team-atmosphere{background:linear-gradient(165deg,var(--team-soft),transparent 30%)}
.dashboard-home .team-hero{position:relative;isolation:isolate;overflow:hidden;min-height:212px;margin-bottom:19px;padding:28px 32px;border-radius:18px;background-color:#fff;background-image:linear-gradient(115deg,var(--team-wash),var(--team-soft) 55%,rgba(255,255,255,.72));border:1px solid var(--team-border);box-shadow:0 12px 30px #0000000a}
.team-hero .team-hero-copy{position:relative;z-index:1;max-width:60%}
.team-hero .dash-kicker{color:#666}
.team-hero h1{color:#222;overflow-wrap:anywhere}
.team-hero p{color:#565656}
.team-hero .welcome-team{position:relative;z-index:1;align-items:center;gap:5px;max-width:170px;text-align:center}
.team-hero .hero-team-icon{display:grid;place-items:center;width:94px;height:94px;padding:13px;border-radius:19px;background:#fff;box-shadow:0 5px 20px #0000000d}
.team-hero .hero-team-icon img{width:100%;height:100%;object-fit:contain}
.team-hero .welcome-label{margin-top:4px;color:#666;font-size:9px;letter-spacing:.11em}
.team-hero .hero-team-name{max-width:150px;color:#252525;font-size:13px;line-height:1.2;overflow-wrap:anywhere}
.dashboard-themed .balance-card{background:linear-gradient(145deg,#fff,var(--team-soft))}
@media(max-width:520px){
  .dashboard-home .team-hero{min-height:176px;gap:14px;padding:23px 20px}
  .team-hero .team-hero-copy{max-width:66%}
  .team-hero .team-hero-copy p{font-size:12px}
  .team-hero .welcome-team{max-width:100px;gap:4px}
  .team-hero .hero-team-icon{width:69px;height:69px;padding:10px;border-radius:15px}
  .team-hero .welcome-label{font-size:8px}
  .team-hero .hero-team-name{max-width:100px;font-size:11px}
}

/* A small club-color swatch complements the nickname without filling the background. */
.club-signature{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#555;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.club-swatch{display:block;width:30px;height:12px;flex:none;border:1px solid #00000020;border-radius:2px;background:var(--kit-pattern)}
.dashboard-themed .team-plan:before{width:4px;background:var(--kit-pattern)}
@media(max-width:520px){
  .dashboard-home .team-hero{min-height:185px}
  .club-signature{margin-top:11px;font-size:9px}
  .club-swatch{width:27px;height:11px}
}

/* The selected team's badge rises gently behind the dashboard content. */
.rising-crests{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.rising-crest{position:absolute;bottom:-100px;display:block;width:var(--crest-size,56px);height:var(--crest-size,56px);opacity:0;will-change:transform,opacity}
.rising-crest img{display:block;width:100%;height:100%;object-fit:contain}
.page-crests{position:fixed;top:0;bottom:0;left:218px;right:0}
.page-crests .rising-crest{animation:page-crest-rise var(--crest-duration,20s) linear var(--crest-delay,0s) infinite}
.page-crests .rising-crest-1{left:8%;--crest-size:56px;--crest-duration:22s;--crest-delay:-5s}
.page-crests .rising-crest-2{left:32%;--crest-size:76px;--crest-duration:25s;--crest-delay:-12s}
.page-crests .rising-crest-3{left:61%;--crest-size:48px;--crest-duration:21s;--crest-delay:-17s}
.page-crests .rising-crest-4{left:83%;--crest-size:68px;--crest-duration:24s;--crest-delay:-9s}
.hero-crests{z-index:0}
.hero-crests .rising-crest{animation:hero-crest-rise var(--crest-duration,13s) linear var(--crest-delay,0s) infinite;filter:drop-shadow(0 1px 4px #ffffff4d)}
.hero-crests .rising-crest-1{left:29%;--crest-size:45px;--crest-duration:13s;--crest-delay:-3s}
.hero-crests .rising-crest-2{left:46%;--crest-size:58px;--crest-duration:16s;--crest-delay:-8s}
.hero-crests .rising-crest-3{left:64%;--crest-size:40px;--crest-duration:14s;--crest-delay:-11s}
.hero-crests .rising-crest-4{left:80%;--crest-size:50px;--crest-duration:17s;--crest-delay:-5s}
@keyframes page-crest-rise{0%{opacity:0;transform:translate3d(0,0,0) rotate(-8deg)}15%,80%{opacity:.1}100%{opacity:0;transform:translate3d(20px,calc(-100vh - 160px),0) rotate(8deg)}}
@keyframes hero-crest-rise{0%{opacity:0;transform:translate3d(0,0,0) rotate(-8deg)}18%,74%{opacity:.13}100%{opacity:0;transform:translate3d(12px,-330px,0) rotate(8deg)}}
@media(max-width:850px){.page-crests{left:0}}
@media(prefers-reduced-motion:reduce){.rising-crest{animation:none;opacity:0}}

/* StageShow: a single, brief entrance when a real screen changes. */
:root{--stage-ease:cubic-bezier(.22,1,.36,1);--stage-enter-duration:440ms;--stage-control-duration:160ms}
.form-wrap,.dash-content,
.dashboard-home .dash-title-row h1,.dashboard-home .dash-title-row p,.welcome-team,
.dashboard-home .balance-card,.dashboard-home .feature-card,.dashboard-home .balance-number,
.dashboard-home .section-heading,.dashboard-home .team-plan,.dashboard-home .status-line,
.dashboard-home .team-plan .crest{animation:none}

.form-wrap.stage-enter>*,.dash-content.stage-enter>*,
.team-screen.stage-enter .team-screen-inner>h1,
.team-screen.stage-enter .carousel-controls,
.team-screen.stage-enter .choose-button{
  animation:stage-arrive var(--stage-enter-duration) var(--stage-ease) backwards;
}
.form-wrap.stage-enter>:nth-child(2),.dash-content.stage-enter>:nth-child(2){animation-delay:45ms}
.form-wrap.stage-enter>:nth-child(3),.dash-content.stage-enter>:nth-child(3),
.team-screen.stage-enter .carousel-controls{animation-delay:80ms}
.form-wrap.stage-enter>:nth-child(n+4),.dash-content.stage-enter>:nth-child(n+4),
.team-screen.stage-enter .choose-button{animation-delay:110ms}
@keyframes stage-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Keep the active destination legible on both desktop and touch navigation. */
.nav-button,.mobile-nav button{position:relative}
.dashboard-themed .nav-button.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--team-color)}
.dashboard-themed .mobile-nav button.active:before{content:"";position:absolute;top:-7px;left:calc(50% - 12px);width:24px;height:3px;border-radius:3px;background:var(--team-color)}
.dashboard-themed :is(.catalog-card,.panel-card,.referral-box,.team-plan){border-color:var(--team-border)}
.balance-number,.metric strong,.team-plan-right strong,.level-box strong{font-variant-numeric:tabular-nums}

/* Interactions respond immediately; values never count through invented amounts. */
.input-wrap:focus-within,.search-box:focus-within{outline:2px solid #366af3;outline-offset:2px}
textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #366af3;outline-offset:3px}
.primary:not(:disabled):active,.secondary:not(:disabled):active,.circle-control:not(:disabled):active{transform:translateY(1px);box-shadow:none}
.primary svg,.secondary svg,.nav-button svg{transition:transform var(--stage-control-duration) var(--stage-ease)}
@media(hover:hover) and (pointer:fine){
  .primary:not(:disabled):hover svg:last-child{transform:translateX(3px)}
  .nav-button:not(.active):hover{background:#ececea}
  .dashboard-themed .catalog-card:focus-within,.dashboard-themed .panel-card:focus-within{border-color:var(--team-color)}
}
@media(max-width:850px){.input-wrap input,.search-box input,.dialog input,.dialog textarea,.dialog select{font-size:16px}}
@media(prefers-reduced-motion:reduce){
  .form-wrap.stage-enter>*,.dash-content.stage-enter>*,
  .team-screen.stage-enter .team-screen-inner>h1,.team-screen.stage-enter .carousel-controls,
  .team-screen.stage-enter .choose-button{animation:none;opacity:1;transform:none}
  .primary svg,.secondary svg,.nav-button svg{transition:none}
}

/* Account details and saved Pix profiles follow the existing team theme. */
.account-card .team-plan-main h2{margin:0 0 5px;font-size:17px;letter-spacing:-.03em}
.account-details strong{min-width:0;overflow-wrap:anywhere}
.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.account-actions .secondary,.account-signout .secondary{min-height:42px}
.account-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.account-profile{display:flex;align-items:flex-start;flex-direction:column;min-width:0}
.account-profile p{overflow-wrap:anywhere}
.account-profile .secondary{margin-top:18px}
.account-signout{margin-top:24px}
.pending-recharge h2{margin:0 0 8px;font-size:17px;letter-spacing:-.03em}
.pending-recharge-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.pending-recharge-row:last-child{padding-bottom:0;border-bottom:0}
.pending-recharge-row>div{display:flex;min-width:0;flex-direction:column;gap:5px}
.pending-recharge-row strong{font-size:13px}.pending-recharge-row span{color:#777;font-size:11px}
.pending-recharge-row .secondary{min-height:40px;flex:none;padding:8px 13px}
.profile-form{margin-top:20px}
.profile-select{display:block;width:100%;min-height:48px;padding:11px 14px;border:1px solid #dededc;border-radius:12px;background:#fff;color:#242424;font:inherit;font-size:14px}
.profile-optional{margin:16px 0;padding:13px 14px;border:1px solid #dededc;border-radius:13px;background:#fafaf9}
.profile-optional summary{cursor:pointer;color:#333;font-size:12px;font-weight:650;line-height:1.4}
.profile-optional p{margin:10px 0 14px;color:#666}
.operation-saved{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;padding:14px;border:1px solid var(--team-border,#e1e1df);border-radius:13px;background:var(--team-soft,#f7f7f5)}
.operation-saved>div{display:flex;min-width:0;flex-direction:column;gap:4px}
.operation-saved span,.operation-saved small{color:#666;font-size:11px;line-height:1.4}
.operation-saved strong{font-size:13px;overflow-wrap:anywhere}
.operation-fee{margin:8px 0 16px;font-size:13px;line-height:1.5;color:var(--team-muted,#666)}
.operation-fee:empty{display:none}
.feature-card .checkin-countdown:not(:empty){margin-top:8px;color:#4d4d4d;font-weight:650;font-variant-numeric:tabular-nums}
.operation-edit{flex:none;min-height:40px;padding:8px 12px;border:1px solid #dededc;border-radius:10px;background:#fff;color:#242424;font-size:12px;font-weight:650}
.pix-dialog{width:min(100%,410px)}
.pix-dialog .close{width:44px;height:44px;color:var(--ink)}
.pix-dialog h2{padding-right:44px}
.pix-dialog>p{max-width:290px;margin:9px 0 18px;line-height:1.5}
.pix-amount{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:var(--subtle)}
.pix-amount span{color:var(--muted);font-size:12px}.pix-amount strong{font-size:18px;letter-spacing:-.035em}
.pix-qr{display:grid;place-items:center;width:min(100%,224px);margin:18px auto;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff}
.pix-qr svg{display:block;width:100%;height:auto;aspect-ratio:1}
.pix-copy-field{margin:18px 0 14px}.pix-copy-field .field-label{margin-bottom:8px}
.pix-copy-field textarea{display:block;width:100%;min-height:52px;max-height:90px;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--subtle);color:#555;font:12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.pix-copy-field textarea:focus-visible{outline:2px solid #366af3;outline-offset:3px}
.pix-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.pix-actions button{min-width:0}
.pix-dialog #modal-error:not(:empty){margin:13px 0 0}
.pix-dialog #modal-error:empty{display:none}
@media(max-width:600px){.account-payment-grid{grid-template-columns:1fr}.profile-select{font-size:16px}.account-actions .secondary{flex:1 1 145px}}
@media(max-width:360px){.pix-dialog{padding:20px}.pix-qr{width:min(100%,200px)}.pix-actions{grid-template-columns:1fr}}

/* Painel: estádio, cartões e atalhos da identidade visual Fanequity. */
.site-shell .brand-symbol,.intro-screen .brand-symbol{background:#7100bd}
.auth-right .primary,.team-screen .choose-button{border-color:#7100bd;background:#7100bd;color:#fff}
.auth-right .primary:disabled,.team-screen .choose-button:disabled{border-color:#aaa;background:#aaa}
.form-wrap .progress .active{background:#7100bd}
.dashboard.dashboard-themed{background:#f2f0f5;color:#191522;min-height:100vh}
.dashboard-themed .side{background:#faf9fc;border-color:#e8e2ed}
.dashboard-themed .side .brand-symbol{background:#7100bd}
.dashboard-themed .dash-header{border-color:#e8e2ed}
.dashboard-themed .dash-content{max-width:1050px}
.dashboard-themed .nav-button.active{color:#7100bd}
.dashboard-home .home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:300px;padding:19px 20px 18px;border-radius:27px;color:#fff;background:#6e00ad url('./assets/stadium-dashboard.webp') center 53%/cover no-repeat;box-shadow:0 14px 32px rgba(60,32,76,.12);touch-action:pan-y}
.home-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(112,0,188,.99) 0%,rgba(105,0,177,.92) 43%,rgba(40,0,65,.48) 100%)}
.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hero-brand{display:flex;align-items:center;gap:9px;min-width:0}
.hero-brand-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#fff;color:#7100bd}
.hero-brand-icon svg{width:20px;height:20px}.hero-brand strong,.hero-brand small{display:block}.hero-brand strong{font-size:15px;line-height:1.2}.hero-brand small{margin-top:2px;color:#ead5fa;font-size:12px;line-height:1.25}
.hero-notification{position:relative;display:grid;place-items:center;flex:none;width:43px;height:43px;border:0;border-radius:50%;background:#7800cf;color:#fff}
.hero-notification svg{width:21px;height:21px}.notification-count{position:absolute;top:-4px;right:-2px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:20px;background:#e93654;color:#fff;font-size:10px;font-weight:750}
.hero-copy{margin-top:23px;max-width:510px}.hero-copy h1{margin:0;color:#fff;font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.13;letter-spacing:-.045em}.hero-copy>p{max-width:330px;margin:12px 0 18px;color:#f3e6fa;font-size:13px;line-height:1.45}
.hero-club-story{max-width:420px;margin-top:14px;padding:11px 13px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(42,0,68,.32)}
.hero-club-story>span{display:block;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.22);color:#f4defe;font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.hero-club-story p{margin:0;color:#fff;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.hero-club-story .hero-club-praise{font-weight:650}.hero-club-story .hero-club-fact{margin-top:5px;color:#f4e7fb}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:440px}.hero-facts strong,.hero-facts span{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.25}.hero-facts strong{font-weight:700}.hero-facts span{margin-top:3px;color:#ead5fa;font-weight:400}
.hero-facts .hero-team-badge{display:grid;place-items:center;width:38px;height:38px;margin-top:5px;border-radius:12px;background:rgba(255,255,255,.95)}
.hero-team-crest{display:block;width:29px;height:29px;object-fit:contain}
.hero-balance{display:inline-flex;align-items:center;max-width:100%;margin-top:15px;padding:6px 13px;border-radius:30px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:600}
.hero-dots{display:flex;align-items:center;justify-content:center;gap:0;height:30px}.hero-dots button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:none}.hero-dots button:before{content:"";display:block;width:6px;height:6px;border-radius:10px;background:#c0bbc8}.hero-dots button.active:before{width:19px;background:#7900c9}
.activity-card{display:flex;align-items:center;gap:12px;width:100%;min-height:59px;padding:9px 13px;border:1px solid #e8e4eb;border-radius:16px;background:#fff;color:#191522;text-align:left;box-shadow:0 5px 16px rgba(42,25,52,.04)}
.activity-card.motion-enter{animation:activity-enter .4s cubic-bezier(.22,1,.36,1) both}
@keyframes activity-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.activity-avatar{position:relative;display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#f1e3fc;color:#7100bd;font-size:15px;font-weight:700}.activity-avatar i{position:absolute;right:0;top:0;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#1c9b54}
.activity-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.activity-content strong{overflow:hidden;color:#211c28;font-size:13px;line-height:1.25;text-overflow:ellipsis}.activity-content small{overflow:hidden;color:#79717f;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.activity-card time{flex:none;color:#706876;font-size:10px;white-space:nowrap}
.home-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:15px;padding:15px 9px 13px;border:1px solid #e8e4eb;border-radius:24px;background:#fff;box-shadow:0 6px 18px rgba(42,25,52,.04)}
.home-actions button{display:flex;min-width:0;align-items:center;flex-direction:column;gap:8px;padding:0 2px;border:0;background:transparent;color:#1b1721;font-size:12px;line-height:1.15}.home-actions button:disabled{color:#6c6671;opacity:.75}.home-actions button>span:last-of-type{white-space:nowrap}.home-actions small{max-width:100%;color:#6d6373;font-size:9px;line-height:1.15;text-align:center}.home-actions small:empty{display:none}
.quick-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:17px}.quick-icon svg{width:22px;height:22px;stroke-width:1.8}.quick-deposit{background:#f1e2ff;color:#7900cb}.quick-withdraw{background:#dff7e9;color:#168e50}.quick-statement{background:#fbe2ef;color:#ca2776}.quick-checkin{background:#fff0c9;color:#c77b0c}
.invite-banner{display:flex;align-items:center;gap:13px;width:100%;min-height:80px;margin:15px 0 0;padding:13px 16px;border:0;border-radius:23px;background:linear-gradient(105deg,#c74c0a,#cf234b);color:#fff;text-align:left;box-shadow:0 8px 18px rgba(226,84,81,.14)}
.invite-banner .invite-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.22)}.invite-icon svg{width:24px;height:24px}.invite-banner>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.invite-banner strong{font-size:18px;line-height:1.15;letter-spacing:-.025em}.invite-banner small{font-size:12px;line-height:1.25;color:#fff}.invite-banner>svg{flex:none;width:20px;height:20px}
.supporter-plan{margin-top:20px}
.supporter-plan-card{padding:16px;border:1px solid #e7d9ef;border-radius:21px;background:linear-gradient(135deg,#fff 38%,#f8f0fd 100%);box-shadow:0 6px 18px rgba(42,25,52,.045)}
.supporter-plan-club{display:flex;align-items:center;gap:13px;min-width:0}
.supporter-plan-crest{display:grid;place-items:center;flex:none;width:58px;height:58px;border:1px solid #eae3ed;border-radius:17px;background:#fff}
.supporter-plan-crest img{width:72%;height:72%;object-fit:contain}
.supporter-plan-club>div{min-width:0}.supporter-plan-club>div>span{color:#72567f;font-size:10px;font-weight:750;letter-spacing:.055em}.supporter-plan-club h3{margin:5px 0 0;color:#211729;font-size:18px;line-height:1.2;overflow-wrap:anywhere}
.supporter-plan-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;padding:13px 0 0;border-top:1px solid #e9dfed}
.supporter-plan-values span,.supporter-plan-values strong{display:block}.supporter-plan-values span{margin-bottom:4px;color:#655c69;font-size:11px}.supporter-plan-values strong{color:#211729;font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.supporter-plan-values>div:last-child strong{color:#651092}
.supporter-plan-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:13px;background:#7100bd;color:#fff;font:inherit;font-size:13px;font-weight:700}.supporter-plan-button svg{width:16px;height:16px}
.supporter-plan-unavailable{margin:14px 0 0;color:#655c69;font-size:13px}
.home-featured{margin-top:20px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.home-section-heading h2,.home-plans h2{margin:0;color:#1d1725;font-size:20px;line-height:1.2;letter-spacing:-.035em}.home-section-heading>span{color:#6d6274;font-size:11px}.home-text-link{border:0;background:none;color:#7100bd;font-size:12px;font-weight:650}
.featured-strip{display:flex;gap:11px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;padding:0 1px 8px}.featured-strip::-webkit-scrollbar{display:none}.featured-card{display:flex;flex:0 0 calc(46% - 2px);min-width:145px;min-height:155px;flex-direction:column;align-items:flex-start;padding:16px 14px;border:1px solid #eae6ec;border-radius:19px;background:#fff;color:#1b1721;text-align:left;scroll-snap-align:start;box-shadow:0 5px 16px rgba(42,25,52,.035)}
.featured-crest{width:44px;height:44px;object-fit:contain;object-position:left center;margin-bottom:10px}.featured-card strong{max-width:100%;overflow:hidden;font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.featured-card span{margin-top:4px;color:#716877;font-size:11px}.featured-card b{margin-top:7px;font-size:13px}.featured-card small{margin-top:3px;color:#218349;font-size:11px}
.home-statement,.home-plans{margin-top:14px;padding:17px;border:1px solid #eae6ec;border-radius:20px;background:#fff}.home-statement ul{list-style:none;margin:0;padding:0}.home-statement li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #f0edf2;font-size:12px}.home-statement li span{min-width:0}.home-statement li small{display:block;margin-top:3px;color:#716877;font-size:10px}.home-statement li strong{white-space:nowrap}.home-statement>p,.home-plans>p{color:#737373;font-size:12px}.home-plans .rules-list{margin-top:12px}
.floating-group{position:fixed;right:24px;bottom:24px;z-index:11;display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:#7800cd;color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(112,0,190,.3)}.floating-group svg{width:25px;height:25px}
.account-menu{display:grid;margin:16px 0;border:1px solid #eae6ec;border-radius:20px;background:#fff;overflow:hidden}.account-menu button,.account-menu a{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:12px 16px;border:0;border-bottom:1px solid #f0edf2;background:#fff;color:#24202a;text-align:left;text-decoration:none;font-size:13px;font-weight:600}.account-menu>*:last-child{border-bottom:0}.account-menu svg{width:19px;height:19px;color:#7100bd}.account-menu span{flex:1}.account-menu svg:last-child{width:16px;height:16px;color:#908697}
.notifications-dialog h2{padding-right:38px}.notifications-dialog ul{list-style:none;margin:18px 0 0;padding:0}.notifications-dialog li{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-top:1px solid var(--line)}.notifications-dialog li strong{font-size:13px}.notifications-dialog li span,.notifications-dialog li time{color:#6b6470;font-size:11px;line-height:1.4}
.dashboard-themed button:focus-visible,.dashboard-themed a:focus-visible{outline:2px solid #7100bd;outline-offset:3px}
@media(min-width:851px){.dashboard-home .home-hero{min-height:320px;padding:24px 28px}.hero-copy{margin-top:26px}.featured-card{flex-basis:23%}.dashboard-home .home-actions{max-width:100%}}
@media(max-width:850px){.dashboard-themed .main-area{padding:14px 12px 110px}.dashboard-themed .dash-header{display:none}.dashboard-themed .dash-content{padding-top:0}.dashboard-themed .team-atmosphere{opacity:.18}.dashboard-themed .mobile-nav{height:auto;min-height:64px;padding:6px 8px calc(7px + env(safe-area-inset-bottom));border-color:#e9e4ed;background:#fff}.dashboard-themed .mobile-nav button{width:33.333%;min-height:51px;gap:4px;color:#77717e;font-size:11px}.dashboard-themed .mobile-nav button.active{color:#7100bd}.dashboard-themed .mobile-nav svg{width:21px;height:21px}.floating-group{right:17px;bottom:calc(72px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.dashboard-home .home-hero{padding:17px}.hero-copy{margin-top:19px}.hero-copy>p{font-size:12px}.hero-facts strong,.hero-facts span{font-size:11px}.home-actions{padding-right:5px;padding-left:5px}.home-actions button{font-size:11px}.quick-icon{width:44px;height:44px}.invite-banner strong{font-size:16px}.invite-banner small{font-size:11px}}

/* VIP catalog */
.vip-hero{position:relative;overflow:hidden;min-height:202px;padding:20px;border-radius:24px;background:linear-gradient(118deg,#7900c4 0%,#470076 100%);color:#fff;box-shadow:0 12px 28px rgba(65,16,82,.13)}
.vip-hero-copy{position:relative;z-index:1;max-width:calc(100% - 103px)}
.vip-brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.1em;line-height:1.2}
.vip-brand>span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:rgba(255,255,255,.17)}
.vip-brand svg{width:17px;height:17px}
.vip-hero h1{margin:19px 0 8px;color:#fff;font-size:clamp(25px,3.1vw,38px);font-weight:750;letter-spacing:-.045em;line-height:1.08}
.vip-hero p{max-width:275px;margin:0;color:#f4e8fc;font-size:13px;line-height:1.45}
.vip-hero-team{position:absolute;right:21px;top:49px;display:grid;place-items:center;width:90px;height:90px;border:1px solid rgba(255,255,255,.35);border-radius:25px;background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(27,0,40,.15)}
.vip-hero-team img{width:70%;height:70%;object-fit:contain}
.vip-hero-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.vip-hero-details span{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.15);color:#fff;font-size:11px;font-weight:600;line-height:1.2}
.vip-hero-details svg{width:14px;height:14px}
.vip-search{display:flex;align-items:center;gap:10px;margin-top:16px;padding:0 15px;border:1px solid #e3dce9;border-radius:16px;background:#fff;box-shadow:0 5px 15px rgba(42,25,52,.035)}
.vip-search:focus-within{border-color:#7100bd;box-shadow:0 0 0 3px #e7ccf6}
.vip-search svg{flex:none;width:19px;height:19px;color:#6b6370}
.vip-search input{width:100%;min-width:0;min-height:52px;border:0;outline:0;background:transparent;color:#211929;font:inherit;font-size:14px}
.vip-search input::placeholder{color:#706a76;opacity:1}
.vip-catalog{margin-top:23px}
.vip-catalog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 2px 12px}
.vip-catalog-heading h2{margin:0;color:#20172a;font-size:19px;font-weight:750;letter-spacing:-.035em;line-height:1.2}
.vip-catalog-heading>span{color:#6b6270;font-size:11px}
.vip-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.vip-plan-card{display:flex;min-width:0;flex-direction:column;padding:14px;border:1px solid #eae2ef;border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(42,25,52,.04)}
.vip-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.vip-card-crest{position:relative;display:grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid #ede8f0;border-radius:17px;background:#faf8fb}
.vip-card-crest:after{content:"";position:absolute;bottom:5px;width:17px;height:3px;border-radius:3px;background:var(--vip-club-color)}
.vip-card-crest img{width:70%;height:70%;object-fit:contain}
.vip-card-tag{padding:5px 8px;border-radius:8px;background:#f2e6f9;color:#64128d;font-size:10px;font-weight:700;line-height:1.2}
.vip-plan-card h3{min-height:2.4em;margin:11px 0 10px;color:#201729;font-size:15px;font-weight:750;letter-spacing:-.02em;line-height:1.2;overflow-wrap:anywhere}
.vip-plan-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:11px;border-top:1px solid #f0ebf2}
.vip-plan-values>div{min-width:0}.vip-plan-values span,.vip-plan-values strong{display:block}
.vip-plan-values span{margin-bottom:5px;color:#645a68;font-size:10px;line-height:1.2}
.vip-plan-values strong{color:#1d1725;font-size:clamp(11px,3.2vw,14px);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2;overflow-wrap:anywhere}
.vip-plan-values>div:last-child strong{color:#651092}
.vip-plan-button{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:44px;margin-top:14px;padding:10px 11px;border:1px solid #e9d8f2;border-radius:12px;background:#f6edfb;color:#620097;font-size:12px;font-weight:700;text-align:left}
.vip-plan-button svg{flex:none;width:16px;height:16px}
.vip-empty{grid-column:1/-1;margin:0;padding:22px;border:1px solid #eae2ef;border-radius:18px;background:#fff;color:#625a68;font-size:13px;line-height:1.5;text-align:center}
@media(hover:hover) and (pointer:fine){.vip-plan-button:hover{background:#ecdcf5;border-color:#d4b3e8}}
@media(prefers-reduced-motion:no-preference){.vip-plan-button{transition:background .15s ease,border-color .15s ease,transform .15s ease}.vip-plan-button:active{transform:scale(.98)}}
@media(min-width:600px){.vip-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vip-hero{padding:25px}.vip-hero-team{right:30px;top:40px;width:110px;height:110px}.vip-plan-card{padding:16px}}
@media(min-width:1150px){.vip-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:360px){.vip-hero{padding:17px}.vip-hero-copy{max-width:calc(100% - 83px)}.vip-hero-team{right:17px;top:55px;width:72px;height:72px;border-radius:21px}.vip-plan-card{padding:12px}.vip-card-crest{width:49px;height:49px;border-radius:15px}.vip-plan-card h3{font-size:14px}.vip-plan-values{gap:6px}.vip-plan-button{padding:9px}}

/* Account, using the same surfaces and colors as VIP. */
.account-hero .vip-hero-details span{max-width:100%;min-width:0;overflow-wrap:anywhere}
.account-hero .vip-hero-details svg{flex:none}
.account-vip-surface{min-width:0;margin-top:16px;padding:18px;border:1px solid #eae2ef;border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(42,25,52,.04)}
.account-vip-heading{display:flex;align-items:center;gap:12px;min-width:0}
.account-vip-heading-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:#f2e6f9;color:#6903a7}
.account-vip-heading-icon svg{width:21px;height:21px}
.account-vip-heading h2,.account-vip-section-heading h2{margin:0;color:#20172a;font-size:17px;font-weight:750;letter-spacing:-.025em;line-height:1.2}
.account-vip-section-heading p{margin:4px 0 0;color:#675e6c;font-size:12px;line-height:1.4}
.account-vip-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;margin:16px 0 0}
.account-vip-fields>div{min-width:0;padding:11px 0;border-top:1px solid #f0ebf2}
.account-vip-fields dt{color:#675e6c;font-size:11px;line-height:1.3}
.account-vip-fields dd{margin:5px 0 0;color:#211829;font-size:13px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.account-vip-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.account-vip-actions button{min-width:0;min-height:44px;padding:9px 6px;border:1px solid #e9d8f2;border-radius:12px;background:#f6edfb;color:#620097;font-size:12px;font-weight:700;line-height:1.25}
.account-vip-links{display:grid;margin-top:13px}
.account-vip-links button,.account-vip-links a{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:11px;min-height:61px;padding:9px 0;border:0;border-top:1px solid #f0ebf2;background:#fff;color:#241c2b;font-size:13px;font-weight:650;text-align:left;text-decoration:none}
.account-vip-link-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#f2e6f9;color:#6b05a9}
.account-vip-link-icon svg{width:19px;height:19px}
.account-vip-links button>svg,.account-vip-links a>svg{width:17px;height:17px;color:#6f6475}
.account-vip-links>:nth-child(2) .account-vip-link-icon{background:#e5f6ec;color:#197348}
.account-vip-links>:nth-child(3) .account-vip-link-icon{background:#fff1d5;color:#a8630b}
.account-vip-payments{margin-top:22px}
.account-vip-section-heading{margin:0 2px 12px}
.account-vip-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.account-vip-payment-card{display:flex;min-width:0;flex-direction:column;padding:16px;border:1px solid #eae2ef;border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(42,25,52,.04)}
.account-vip-payment-top{display:flex;align-items:center;gap:10px}
.account-vip-payment-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:#f1e4fc;color:#7100bd}
.account-vip-payment-icon svg{width:20px;height:20px}
.account-vip-payment-card:nth-child(2) .account-vip-payment-icon{background:#e5f6ec;color:#197348}
.account-vip-payment-card h3{margin:0;color:#20172a;font-size:14px;font-weight:750;line-height:1.25}
.account-vip-payment-card p{min-height:36px;margin:12px 0 14px;color:#655c69;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.account-vip-payment-card>button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;margin-top:auto;padding:10px 11px;border:1px solid #e9d8f2;border-radius:12px;background:#f6edfb;color:#620097;font-size:12px;font-weight:700;text-align:left}
.account-vip-payment-card>button svg{flex:none;width:16px;height:16px}
.account-vip-signout{margin-top:18px}
.account-vip-signout button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid #ded6e4;border-radius:12px;background:#fff;color:#564c5d;font-size:12px;font-weight:700}
.account-vip-signout svg{width:16px;height:16px}
@media(hover:hover) and (pointer:fine){.account-vip-actions button:hover,.account-vip-payment-card>button:hover{background:#ecdcf5;border-color:#d4b3e8}.account-vip-links button:hover,.account-vip-links a:hover{color:#7100bd}.account-vip-signout button:hover{background:#f7f4f8}}
@media(prefers-reduced-motion:no-preference){.account-vip-actions button,.account-vip-payment-card>button,.account-vip-signout button{transition:background .15s ease,border-color .15s ease,transform .15s ease}.account-vip-actions button:active,.account-vip-payment-card>button:active,.account-vip-signout button:active{transform:scale(.98)}}
@media(max-width:600px){.account-vip-payment-grid{grid-template-columns:1fr}}
@media(max-width:340px){.account-vip-surface{padding:15px}.account-vip-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.account-vip-actions button:last-child{grid-column:1/-1}}

/* Wallet, team and help surfaces. */
.general-hero{min-height:176px}
.general-hero-balance{display:block;margin-top:7px;color:#fff;font-size:clamp(22px,5vw,30px);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.15;overflow-wrap:anywhere}
.general-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}
.general-action-card,.general-surface{min-width:0;padding:16px;border:1px solid #eae2ef;border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(42,25,52,.04)}
.general-action-card{display:flex;flex-direction:column}
.general-action-icon,.general-heading-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:#f2e6f9;color:#6903a7}
.general-action-icon svg,.general-heading-icon svg{width:21px;height:21px}
.general-withdraw{background:#e5f6ec;color:#197348}
.general-action-card h2{margin:12px 0 5px;color:#20172a;font-size:15px;font-weight:750;line-height:1.2}
.general-action-card p{min-height:38px;margin:0 0 13px;color:#655c69;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.general-button{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:44px;padding:10px 11px;border:1px solid #e9d8f2;border-radius:12px;background:#f6edfb;color:#620097;font-size:12px;font-weight:700;text-align:left}
.general-button svg{flex:none;width:16px;height:16px}
.general-action-card .general-button{width:100%;margin-top:auto}
.general-surface{margin-top:16px;padding:18px}
.general-heading{display:flex;align-items:center;gap:11px;min-width:0}
.general-heading h2{margin:0;color:#20172a;font-size:17px;font-weight:750;letter-spacing:-.025em;line-height:1.25}
.general-ledger{display:grid;list-style:none;margin:13px 0 0;padding:0}
.general-ledger li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 0;border-top:1px solid #f0ebf2;color:#241c2b;font-size:12px;line-height:1.35}
.general-ledger li>span{display:flex;min-width:0;flex-direction:column;gap:4px}
.general-ledger li strong{font-size:12px;font-weight:700;overflow-wrap:anywhere}
.general-ledger li small{color:#675e6c;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.general-ledger li>b{max-width:48%;color:#291e30;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
.general-empty,.general-investments>p{margin:15px 0 0;color:#675e6c;font-size:12px;line-height:1.5}
.general-investments .rules-list{margin:13px 0 0}.general-investments .rules-list li{color:#514859;font-size:12px}
.general-pending .pending-recharge{margin-top:16px;border-color:#eae2ef;border-radius:20px;box-shadow:0 6px 18px rgba(42,25,52,.04)}
.general-invite>p{margin:14px 0 9px;color:#655c69;font-size:12px;line-height:1.4}.general-invite>p strong{color:#241c2b}
.general-invite-link{display:flex;align-items:center;gap:9px;min-width:0}
.general-invite-link code{min-width:0;flex:1;overflow:hidden;color:#5f5666;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.general-invite-link .general-button{flex:none;justify-content:center}
.general-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:15px}
.general-level-grid>div{min-width:0;padding:10px 3px;border:1px solid #ede2f1;border-radius:12px;background:#faf5fc;text-align:center}
.general-level-grid span,.general-level-grid strong{display:block}
.general-level-grid span{color:#675e6c;font-size:10px;line-height:1.2}
.general-level-grid strong{margin-top:5px;color:#64128d;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1.2}
.general-surface .buttons{display:flex;gap:8px;margin-top:14px}
.general-surface .buttons .secondary{flex:1;min-height:42px;padding:9px 12px;border-color:#e9d8f2;background:#f6edfb;color:#620097;font-size:12px}
.general-surface .buttons .secondary:disabled{opacity:.5}
.general-faq-list{display:grid;gap:10px;margin-top:16px}
.general-faq-item{overflow:hidden;border:1px solid #eae2ef;border-radius:18px;background:#fff;box-shadow:0 5px 16px rgba(42,25,52,.035)}
.general-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:14px 16px;color:#241c2b;font-size:13px;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
.general-faq-item summary::-webkit-details-marker{display:none}
.general-faq-item summary:focus-visible{outline:2px solid #7100bd;outline-offset:-3px}
.general-faq-item summary span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#f2e6f9;color:#6903a7;font-size:22px;font-weight:400;line-height:1;transition:transform .2s}
.general-faq-item[open] summary span{transform:rotate(45deg)}
.general-faq-item p{margin:0;padding:0 16px 16px;color:#625968;font-size:12px;line-height:1.6}
.modal-team-themed .dialog{border-color:#e8dced;border-radius:24px;box-shadow:0 24px 80px rgba(40,10,50,.2)}
.modal-team-themed .dialog .close{background:#f3e8f9;color:#6903a7}
.modal-team-themed .dialog .close:focus-visible{outline:2px solid #7100bd;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.general-button:hover,.general-surface .buttons .secondary:not(:disabled):hover{background:#ecdcf5;border-color:#d4b3e8}.general-faq-item summary:hover{color:#6903a7}}
@media(prefers-reduced-motion:no-preference){.general-button{transition:background .15s ease,border-color .15s ease,transform .15s ease}.general-button:active{transform:scale(.98)}}
@media(max-width:360px){.general-action-card{padding:13px}.general-surface{padding:15px}.general-level-grid{gap:5px}.general-level-grid span{font-size:9px}.general-level-grid strong{font-size:13px}}

/* Show the chosen club's rising badges on mobile as well as desktop. */
.dashboard-themed .team-atmosphere{opacity:1}
@keyframes page-crest-rise{0%{opacity:0;transform:translate3d(0,0,0) rotate(-8deg)}15%,80%{opacity:.14}100%{opacity:0;transform:translate3d(20px,calc(-100vh - 160px),0) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.page-crests .rising-crest{animation:none;opacity:0}.general-faq-item summary span{transition:none}}