:root{
  --bg:#07090d;--ink:#101722;--muted:#6f7a8b;--line:#e4e8ed;--soft:#f5f6f8;
  --accent:#f04444;--accent2:#ff6b57;--success:#07966a;--white:#fff;
  --shadow:0 28px 80px rgba(10,16,26,.10);--shell:min(1120px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}main{background:var(--soft)}.hero{background:var(--bg)}button,input,textarea{font:inherit}button,a{transition:.2s}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}[hidden]{display:none!important}.shell{width:var(--shell);margin:auto}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(240,68,68,.24);outline-offset:2px}

.topbar{height:78px;background:rgba(7,9,13,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:30;backdrop-filter:blur(20px)}.topbar-inner{width:var(--shell);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand img{display:block;width:104px}.brand span{font-size:11px;font-weight:800;color:#b7c0cb;padding-left:14px;border-left:1px solid rgba(255,255,255,.16)}.top-actions{display:flex;align-items:center;gap:12px}.back-site,.logout{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:12px;padding:9px 13px;font-size:11px;font-weight:760;cursor:pointer}.back-site:hover,.logout:hover{background:rgba(255,255,255,.11)}

.hero{position:relative;overflow:hidden;background:#07090d;color:#fff;padding:72px 0 78px}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 74% 8%,rgba(240,68,68,.20),transparent 34%),radial-gradient(circle at 30% 75%,rgba(50,77,120,.11),transparent 40%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.72fr);gap:76px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#ff8d7f}.eyebrow.dark{color:#d7433b}.hero h1{font-size:clamp(48px,5.7vw,72px);line-height:.94;letter-spacing:-.06em;margin:14px 0 18px}.hero-grid>div>p{color:#b2bcc9;font-size:16px;max-width:580px;margin:0}.hero-trust{display:flex;gap:17px;flex-wrap:wrap;margin-top:27px;color:#9ca7b6;font-size:10px}.hero-trust span{display:flex;align-items:center;gap:7px}.hero-trust span:before{content:"";width:5px;height:5px;border-radius:50%;background:#32d39b;box-shadow:0 0 0 4px rgba(50,211,155,.08)}

.login-card{background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.65);border-radius:28px;padding:28px;box-shadow:0 38px 100px rgba(0,0,0,.34)}.step-line{display:flex;align-items:center;margin-bottom:24px}.step-line span{width:25px;height:25px;border-radius:50%;background:#edf0f4;color:#8791a0;display:grid;place-content:center;font-size:9px;font-weight:900}.step-line span.active{background:#111722;color:#fff}.step-line i{height:1px;background:#e4e8ed;flex:1}.checkout-return{background:#fff3f0;border:1px solid #ffd9d2;border-radius:15px;padding:13px 14px;margin-bottom:20px;display:grid;gap:3px}.checkout-return strong{font-size:12px}.checkout-return span{font-size:10px;color:#7a625f;line-height:1.45}.card-kicker{font-size:8px;letter-spacing:.14em;font-weight:900;color:#df443c}.login-card h2{font-size:30px;line-height:1;letter-spacing:-.045em;margin:10px 0 8px}.login-card p{font-size:12px;color:#707b8b;margin:0 0 20px}.login-card label{display:block;font-size:11px;font-weight:760;margin-bottom:7px}.login-card input{width:100%;border:1px solid #dfe4ea;border-radius:12px;background:#fff;padding:13px 14px;color:#111722;outline:none;margin-bottom:11px}.login-card input:focus{border-color:#ef887f;box-shadow:0 0 0 4px rgba(240,68,68,.08)}

.primary,.ghost{border:0;border-radius:13px;padding:13px 17px;font-weight:820;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 11px 28px rgba(240,68,68,.20)}.primary:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(240,68,68,.27)}.primary:disabled{opacity:.58;cursor:wait;transform:none;box-shadow:none}.login-card .primary{width:100%}.ghost{width:100%;margin-top:8px;background:#f1f3f6;color:#4d5868}

.notice{border-radius:13px;padding:12px 14px;font-size:11px;margin-top:12px;background:#fff6e6;color:#825c10;border:1px solid #f2dfb4}.notice.error{background:#fff0ee;color:#963e36;border-color:#ffd1cb}.notice.success{background:#eafff6;color:#087451;border-color:#c6f4df}

.dashboard{padding:58px 0 90px}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.dashboard-head h2{font-size:42px;letter-spacing:-.055em;line-height:1;margin:8px 0}.dashboard-head p{margin:0;color:#758090;font-size:13px}.status-pill{border-radius:999px;padding:8px 12px;background:#e8fff5;color:#087755;font-size:9px;font-weight:900;letter-spacing:.08em}

.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.current-card,.action-card,.addons,.history{border:1px solid var(--line);border-radius:24px;background:#fff;padding:25px;box-shadow:0 18px 45px rgba(14,20,30,.045)}.current-card{background:radial-gradient(circle at 100% 0,rgba(240,68,68,.15),transparent 38%),#0c1119;color:#fff;border-color:#0c1119}.mini{font-size:8px;letter-spacing:.13em;font-weight:900;color:#9ba6b5}.current-card .mini{color:#ff958a}.current-card h3,.action-card h3{font-size:27px;letter-spacing:-.045em;line-height:1.02;margin:13px 0}.current-price{display:flex;align-items:baseline;gap:5px;margin:23px 0}.current-price strong{font-size:45px;letter-spacing:-.06em}.current-price span,.current-price small{color:#abb4c0;font-size:11px}.info-rows{display:grid;gap:8px}.info-rows>div{display:flex;justify-content:space-between;gap:14px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1);font-size:10px}.info-rows span{color:#98a3b2}.quick-list{display:grid;gap:10px;margin-top:20px}.quick-list span{font-size:12px;color:#596575;display:flex;gap:9px;align-items:center}.quick-list span:before{content:"✓";width:20px;height:20px;border-radius:50%;display:grid;place-content:center;background:#eafff6;color:#07875f;font-size:9px;font-weight:900}

.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:52px 0 17px}.section-title h2{font-size:34px;letter-spacing:-.05em;line-height:1;margin:8px 0 0}.renewal-window{font-size:10px;color:#6c7787;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 11px}

.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan{position:relative;border:1px solid var(--line);border-radius:21px;background:#fff;color:var(--ink);padding:22px 22px 22px 54px;min-height:174px;text-align:left;cursor:pointer;box-shadow:0 12px 34px rgba(15,22,34,.035)}.plan:hover{transform:translateY(-1px);border-color:#ccd3db}.plan.featured{background:#111722;color:#fff;border-color:#111722}.plan.selected{box-shadow:inset 0 0 0 2px #f45b51,0 15px 38px rgba(15,22,34,.07)}.select-dot{position:absolute;left:20px;top:26px;width:20px;height:20px;border:2px solid #a0a9b5;border-radius:50%}.plan.selected .select-dot{border:6px solid #f2584e}.plan small{font-size:8px;font-weight:900;letter-spacing:.13em;color:#df443c}.plan.featured small{color:#ff8c81}.plan h3{font-size:25px;letter-spacing:-.04em;margin:9px 0 6px}.plan p{font-size:11px;color:#748091;line-height:1.5;max-width:420px;margin:0}.plan.featured p{color:#aeb7c4}.plan>b{position:absolute;right:20px;bottom:19px;font-size:18px}

.addons{margin-top:14px}.addons-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:13px}.addons-head h3{font-size:23px;letter-spacing:-.035em;margin:5px 0 0}.addons-head>p{font-size:10px;color:#828c99;max-width:410px;margin:0}.addon{width:100%;display:grid;grid-template-columns:22px 68px 1fr auto;align-items:center;gap:14px;background:#fbfcfd;border:1px solid #e5e9ee;color:#111722;border-radius:16px;padding:11px 14px;margin-top:8px;cursor:pointer;text-align:left}.addon:hover{border-color:#cfd6de}.addon.selected{border-color:#f48b82;background:#fff5f3}.addon-check{width:19px;height:19px;border:2px solid #9ca6b3;border-radius:6px}.addon.selected .addon-check{background:#f15449;border-color:#f15449;box-shadow:inset 0 0 0 4px #fff5f3}.addon img{width:65px;height:43px;object-fit:contain;background:#fff;border-radius:8px}.addon div{display:grid}.addon b{font-size:13px}.addon small{font-size:9px;color:#7f8997;margin-top:3px}.addon strong{font-size:12px;color:#394353}

.checkout-bar{position:sticky;bottom:12px;z-index:15;margin-top:14px;background:rgba(12,17,25,.97);backdrop-filter:blur(18px);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 24px 70px rgba(4,8,14,.28)}.checkout-bar small{font-size:8px;color:#98a3b2;letter-spacing:.11em;font-weight:900}.total{display:flex;align-items:baseline;gap:4px}.total strong{font-size:31px;letter-spacing:-.05em}.total span,.total em{font-size:10px;color:#aab4c1;font-style:normal}.checkout-bar p{font-size:9px;color:#929dab;margin:2px 0 0}.pay{min-width:220px}.dashboard-message{margin-top:15px}

.history{margin-top:28px}.history>div:first-child h3{font-size:23px;margin:6px 0 15px}.history-row{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;padding:12px 0;border-top:1px solid #edf0f3;font-size:11px}.history-row span{color:#808a98}.history-row strong{color:#111722}.empty-history{color:#8a94a1;font-size:11px;margin:0}

.footer{background:#07090d;color:#8f99a8;padding:25px 0;font-size:10px}.footer .shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer a{color:#fff}

.modal{position:fixed;inset:0;background:rgba(4,7,11,.78);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px;z-index:100}.modal-card{width:min(500px,100%);background:#fff;border:1px solid #e6e9ee;border-radius:26px;padding:28px;position:relative;text-align:center;box-shadow:0 36px 110px rgba(0,0,0,.34)}.close{position:absolute;right:13px;top:11px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f2f5;color:#111722;font-size:25px;cursor:pointer}.modal-card h2{font-size:30px;letter-spacing:-.045em;margin:9px 0 7px}.modal-card>p{color:#6f7a89;font-size:11px;margin:0 auto 14px;max-width:390px}.pix-value{font-size:17px;margin:13px}.pix-value strong{font-size:34px}.qr{width:220px;height:220px;background:#fff;border-radius:14px;padding:5px;border:1px solid #e5e8ed}.modal-card textarea{width:100%;height:75px;border:1px solid #dde2e8;background:#f7f8fa;color:#374151;border-radius:12px;padding:10px;margin:13px 0;resize:none;font-size:9px}.modal-card .primary{width:100%}.payment-state{margin-top:12px;font-size:10px;color:#8a6412}.payment-state.done{color:#07825b}.payment-state.error{color:#a03d36}

@media(max-width:820px){
  :root{--shell:min(100% - 30px,1120px)}.topbar{height:68px}.brand img{width:91px}.brand span{font-size:9px}.back-site{display:none}.hero{padding:48px 0 58px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero h1{font-size:49px}.login-card{max-width:520px;width:100%;padding:23px}.dashboard{padding-top:42px}.summary-grid,.plans{grid-template-columns:1fr}.dashboard-head,.section-title,.addons-head{align-items:flex-start;flex-direction:column}.renewal-window{border-radius:12px}.checkout-bar{bottom:7px;align-items:stretch;flex-direction:column}.pay{width:100%;min-width:0}.history-row{grid-template-columns:1fr auto}.history-row span:nth-child(2){display:none}
}
@media(max-width:520px){
  :root{--shell:calc(100% - 24px)}.topbar-inner{gap:8px}.brand{gap:9px}.brand span{padding-left:9px}.logout{padding:8px 10px}.hero{padding-top:39px}.hero h1{font-size:42px}.hero-grid>div>p{font-size:14px}.hero-trust{display:grid;gap:8px}.login-card{border-radius:22px}.dashboard-head h2{font-size:35px}.current-card,.action-card,.addons,.history{border-radius:20px;padding:20px}.plan{padding:20px 17px 48px 51px;min-height:0}.plan>b{left:51px;right:auto;bottom:18px}.addon{grid-template-columns:20px 54px 1fr}.addon img{width:52px}.addon strong{grid-column:3}.checkout-bar{border-radius:18px;padding:16px}.footer .shell{display:grid}.qr{width:200px;height:200px}
}


/* R11.3.1 — acesso e acabamento */
.step-labels{display:flex;justify-content:space-between;margin:-2px 0 25px;color:#8a94a3;font-size:10px;font-weight:760}
.step-line span.active{background:#111722;color:#fff}.step-line span:not(.active){background:#edf0f4;color:#8a94a3}
.resend-code{margin-top:9px}.resend-code:disabled{opacity:.64;cursor:not-allowed}
.text-action{width:100%;border:0;background:transparent;color:#647083;font-weight:760;font-size:12px;padding:12px 8px;cursor:pointer}.text-action:hover{color:#111722}
.footer .shell{justify-content:flex-start}.footer{background:#07090d}.footer+.modal{background:transparent}