.conta-vista{--account-line:color-mix(in srgb,var(--borda) 88%,transparent)}
.account-shell{position:relative;isolation:isolate;width:100%;margin:clamp(22px,4vw,58px) 0;padding:0 2px 34px;overflow:hidden;border-block:1px solid var(--account-line)}
.account-shell:before{content:"";position:absolute;z-index:-1;top:-170px;right:-90px;width:430px;aspect-ratio:1;border:1px solid var(--orbita);border-radius:50%;box-shadow:0 0 0 86px color-mix(in srgb,var(--orbita) 45%,transparent),0 0 0 172px color-mix(in srgb,var(--orbita) 18%,transparent)}
.account-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);gap:clamp(32px,7vw,100px);align-items:end;padding:clamp(40px,6vw,78px) clamp(18px,3.5vw,46px) clamp(34px,5vw,58px)}
.account-kicker,.account-summary article>span,.account-usage-copy>span,.account-details header>span,.account-footer span{display:flex;align-items:center;gap:9px;color:var(--verde-luz);font:650 9px/1 var(--mono);letter-spacing:.15em}.account-kicker i{width:7px;height:7px;border-radius:50%;background:var(--verde-vivo);box-shadow:0 0 0 5px var(--verde-veu)}
.account-hero h2{margin-top:18px;color:var(--texto);font:500 clamp(2.8rem,6vw,5.8rem)/.91 var(--sans);letter-spacing:-.06em}.account-hero h2 em{font-style:normal;color:var(--verde-vivo)}.account-hero p{max-width:46ch;color:var(--texto-2);font:400 14px/1.7 var(--sans)}
.account-summary{display:grid;grid-template-columns:1.5fr 1fr .64fr;border-block:1px solid var(--account-line);background:color-mix(in srgb,var(--painel) 82%,transparent)}.account-summary article{min-width:0;padding:26px clamp(18px,3vw,36px);border-right:1px solid var(--account-line)}.account-summary article:last-child{border-right:0}.account-summary article>b{display:block;margin-top:15px;overflow-wrap:anywhere;color:var(--texto);font:540 clamp(1.25rem,2.4vw,2rem)/1.1 var(--sans);letter-spacing:-.025em}.account-summary article>small{display:block;margin-top:8px;color:var(--texto-3);font:450 11px/1.5 var(--sans)}.account-summary-main>b{font-size:clamp(1.15rem,2.2vw,1.7rem)!important}
.account-usage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:clamp(34px,6vw,84px);align-items:center;min-height:260px;padding:clamp(34px,5vw,64px) clamp(18px,3.5vw,46px);border-bottom:1px solid var(--account-line)}.account-usage-copy h3{max-width:19ch;margin-top:13px;color:var(--texto);font:520 clamp(1.75rem,3.6vw,3.1rem)/1.05 var(--sans);letter-spacing:-.04em}.account-usage-copy p{max-width:58ch;margin-top:13px;color:var(--texto-2);font:400 13px/1.65 var(--sans)}.account-usage-copy .botao{margin-top:18px}
.account-meter>div{height:13px;padding:3px;border:1px solid var(--account-line);border-radius:999px;background:var(--painel-3);overflow:hidden}.account-meter>div i{display:block;width:100%;height:100%;min-width:4px;border-radius:999px;background:linear-gradient(90deg,var(--verde),var(--verde-vivo));box-shadow:0 0 22px color-mix(in srgb,var(--verde-vivo) 48%,transparent);transform:scaleX(var(--account-use,0));transform-origin:left;transition:transform .75s var(--ease)}.account-meter.oitenta>div i{background:var(--aviso)}.account-meter.limite>div i{background:var(--erro)}.account-meter footer{display:flex;justify-content:space-between;gap:20px;margin-top:13px;color:var(--texto-3);font:550 9px/1.4 var(--mono);letter-spacing:.06em}.account-unlimited{display:flex;align-items:center;justify-content:center;gap:21px;min-height:130px;border:1px solid var(--account-line);border-radius:16px;background:linear-gradient(125deg,var(--verde-veu),transparent)}.account-unlimited>i{display:grid;place-items:center;width:72px;height:72px;border:1px solid color-mix(in srgb,var(--verde-vivo) 44%,var(--borda));border-radius:50%;color:var(--verde-vivo);font:400 42px/1 var(--sans);font-style:normal}.account-unlimited span{display:grid;gap:7px}.account-unlimited b{font:550 21px/1 var(--sans)}.account-unlimited small{color:var(--texto-3);font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.account-details{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--account-line)}.account-details>section{min-width:0;padding:32px clamp(18px,3.5vw,46px)}.account-details>section:first-child{border-right:1px solid var(--account-line)}.account-details h3{margin-top:9px;font:550 18px/1.2 var(--sans)}.account-list{display:grid;gap:0;margin-top:23px}.account-list article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--account-line)}.account-list article>i{font:500 8px var(--mono);font-style:normal;color:var(--verde-luz)}.account-list article>span{display:grid;gap:5px;min-width:0}.account-list article b,.account-list article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-list article b{font:550 12px var(--sans)}.account-list article small{color:var(--texto-3);font:450 9px var(--mono)}.account-list article>em{font:550 8px var(--mono);font-style:normal;color:var(--verde-vivo);letter-spacing:.08em;text-transform:uppercase}.account-modules{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.account-modules>span{display:flex;align-items:center;gap:8px;min-height:35px;padding:0 12px;border:1px solid var(--account-line);border-radius:999px;color:var(--texto-2);font:500 10px var(--sans)}.account-modules>span i{width:5px;height:5px;border-radius:50%;background:var(--verde-vivo)}.account-empty{display:grid;gap:7px;padding:18px 0;border-top:1px solid var(--account-line)}.account-empty b{font:550 12px var(--sans)}.account-empty span{color:var(--texto-3);font:400 11px/1.5 var(--sans)}
.account-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px clamp(18px,3.5vw,46px)}.account-footer div{min-width:0}.account-footer b{display:block;max-width:100%;margin-top:8px;overflow-wrap:anywhere;color:var(--texto);font:500 12px/1.4 var(--sans)}.account-footer button{min-height:41px;padding:0 16px;border:1px solid var(--account-line);border-radius:999px;background:transparent;color:var(--texto);font:600 11px var(--sans);cursor:pointer}.account-footer button:hover{border-color:var(--verde-vivo)}.account-footer i{margin-left:9px;font-style:normal}.conta-carregando{padding:36px;color:var(--texto-2);font:400 13px var(--sans)}
@media(max-width:760px){.account-shell{margin:16px 0}.account-hero,.account-usage{grid-template-columns:1fr}.account-hero{padding-top:42px}.account-hero h2{font-size:clamp(2.65rem,14vw,4rem)}.account-summary{grid-template-columns:1fr 1fr}.account-summary-main{grid-column:1/-1;border-bottom:1px solid var(--account-line)}.account-summary article:nth-child(2){border-right:1px solid var(--account-line)}.account-summary article:nth-child(3){border-right:0}.account-usage{gap:30px}.account-details{grid-template-columns:1fr}.account-details>section:first-child{border-right:0;border-bottom:1px solid var(--account-line)}.account-footer{align-items:flex-start;flex-direction:column}.account-footer button{width:100%}}
@media(max-width:420px){.account-summary{grid-template-columns:1fr}.account-summary-main{grid-column:auto}.account-summary article{border-right:0!important;border-bottom:1px solid var(--account-line)}.account-summary article:last-child{border-bottom:0}.account-meter footer{align-items:flex-start;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.account-meter>div i{transition:none}}