#planos{scroll-margin-top:76px}
.subscription-plans{position:relative}
.subscription-plans:before{content:"";position:absolute;inset:12% 5%;z-index:-1;background:radial-gradient(circle,#187fe824,transparent 65%);filter:blur(30px)}
.subscription-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;align-items:stretch}
.subscription-plan{position:relative;display:flex;flex-direction:column;min-height:470px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,#0d1e34,#07111f);box-shadow:0 22px 55px #0005;overflow:hidden}
.subscription-plan.featured{border-color:#3baeff;box-shadow:0 24px 65px #087cff2b}
.plan-popular{position:absolute;top:0;right:0;padding:7px 13px;border-radius:0 0 0 12px;background:linear-gradient(135deg,var(--blue),var(--violet));font-size:9px;font-weight:900;letter-spacing:.12em}
.plan-heading>span{color:#43caff;font-size:10px;font-weight:900;letter-spacing:.14em}
.plan-heading h3{margin:11px 0 8px;font-size:24px}
.plan-heading p{min-height:62px;margin:0;color:var(--muted);font-size:13px}
.plan-price{display:flex;align-items:baseline;gap:9px;margin:26px 0 18px;padding-bottom:20px;border-bottom:1px solid #1d3858}
.plan-price strong{font-size:32px;letter-spacing:-.04em}
.plan-price span{color:var(--muted);font-size:11px}
.subscription-plan ul{display:grid;gap:11px;margin:0 0 25px;padding:0;list-style:none;color:#c3d0df;font-size:13px}
.subscription-plan li{position:relative;padding-left:23px}
.subscription-plan li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.plan-action{width:100%;margin-top:auto;cursor:pointer}
.subscription-plan-notice{max-width:760px;margin:24px auto 0;color:#7e94ad;text-align:center;font-size:12px}
.plans-empty{grid-column:1/-1;padding:36px;border:1px solid var(--line);border-radius:20px;background:#091426;text-align:center}
.plans-empty p{color:var(--muted)}
.plan-loading{display:grid;gap:18px;min-height:420px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#091426}
.plan-loading span{height:20px;border-radius:7px;background:linear-gradient(90deg,#102139,#193454,#102139);background-size:200% 100%;animation:plan-shimmer 1.4s infinite}
.plan-loading span:nth-child(2){height:55px}.plan-loading span:nth-child(3){height:120px}.plan-loading span:nth-child(4){align-self:end;height:48px}
@keyframes plan-shimmer{to{background-position:-200% 0}}
@media(max-width:650px){.subscription-plan{min-height:auto}.plan-heading p{min-height:auto}.subscription-plan-grid{grid-template-columns:1fr}}