/* Auth and offer share the same typography and interaction system. */
body #konto{max-width:1160px;margin:88px auto 0;padding-bottom:32px}
body #konto .section-head{max-width:780px;margin-bottom:32px}
body #konto .section-head :is(h1,h2){font-size:40px;line-height:1.15}
body #konto .section-head>p{font-size:16px}
body #konto .account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.premium-account-intro{padding:44px 40px;background:var(--ink);color:#fff;min-height:420px;border-radius:8px}
@media(min-width:761px){.premium-account-intro{grid-column:1;grid-row:1}#authCard{grid-column:2;grid-row:1}}
.premium-account-tab{display:inline-block;background:var(--premium-brand);padding:8px 12px;color:var(--ink);font-size:12px;margin-bottom:44px;border-radius:4px 4px 0 0}
.premium-account-intro h3{font-size:32px;line-height:1.2;margin-bottom:24px}
.premium-account-intro p{font-size:16px;color:#d5e0e5;line-height:1.7}
.premium-account-intro .premium-account-small{margin-top:28px;padding-top:24px;border-top:1px solid #627985;font-size:14px}
body #konto .account-card{padding:32px;border:1px solid var(--line);border-radius:8px;box-shadow:none;min-width:0}
body #konto .tabs{padding:0;background:transparent;border-bottom:1px solid var(--line);border-radius:0;gap:24px;margin-bottom:24px}
body #konto .tab{border-radius:0;border-bottom:2px solid transparent;font-weight:600;font-size:15px;padding:12px 0;box-shadow:none}
body #konto .tab.active{color:var(--ink);border-color:var(--ink);background:transparent}
body #konto label{font-weight:500;font-size:14px;gap:8px;margin-top:20px}
body #konto .rodo-label{line-height:1.65}
body #konto .rodo-label a{text-decoration:underline;text-underline-offset:3px}
body.body--logged-in #konto .account-grid{grid-template-columns:minmax(0,1fr)}
body.body--logged-in #konto .account-card{max-width:1000px;padding:32px}
.billing-toggle{border:1px solid var(--line);border-radius:6px;padding:4px;background:#fff;box-shadow:none}
.billing-toggle-btn{border-radius:4px;transition:background-color 140ms,color 140ms;box-shadow:none}
.billing-toggle-btn.active{background:var(--ink);transform:none;box-shadow:none}
.save-badge{background:#e5edef;color:var(--ink);border-radius:3px;font-weight:500}
.vat-toggle{border-radius:4px}.pricing-table{border-color:var(--line)}
.premium-pricing-mobile{display:none}
.premium-pricing-mobile .pt-head{width:auto}
.account-top h1{font-size:32px;margin:8px 0;line-height:1.15}
#registerForm .rodo-label{display:flex;flex-direction:row;align-items:flex-start;gap:10px}
.logo-upload-section label{position:relative}
.premium-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.logo-upload-section label:focus-within{outline:3px solid var(--premium-accent);outline-offset:4px}
@media(max-width:760px){.premium-pricing-desktop{display:none}.premium-pricing-mobile{display:grid;gap:16px}.premium-plan{border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden}.premium-plan .pt-head{padding:24px;text-align:left;position:relative}.premium-plan .pt-head.hl{background:#e7edef}.premium-plan .pt-name{font:600 25px var(--premium-display)}.premium-plan .pt-price{font:600 36px var(--premium-display);margin:12px 0}.premium-plan .pt-tag{font-size:12px;display:block;color:var(--muted)}.premium-plan .pt-ribbon{position:static;display:inline-block;margin-bottom:12px}.premium-plan .pt-sub{font-size:13px;min-height:24px}.premium-plan .pt-cta{width:100%;margin-top:16px;min-height:48px;display:flex;align-items:center;justify-content:center}.premium-plan summary{padding:16px 24px;border-top:1px solid var(--line);cursor:pointer;font-weight:600;font-size:14px}.premium-plan dl{margin:0;padding:0 24px 16px}.premium-plan dl>div{display:grid;grid-template-columns:1fr auto;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.5}.premium-plan dd{margin:0;color:var(--muted);max-width:100px;text-align:right}}
.pricing-table :is(th,td){font-size:13px}.pricing-table .pt-head{background:transparent;border-color:var(--line)}
.pricing-table .pt-head.hl,.pricing-table .hl{background:#e7edef}.pt-ribbon{background:var(--ink);border-radius:3px}
.pt-cta{min-height:44px;border-radius:5px;font-weight:600;transition:background-color 140ms}
.pt-cta.primary{background:var(--ink)}.pt-name{font-family:var(--premium-display)}
.pt-scroll{max-width:100%;border:1px solid var(--line);border-radius:6px}
.account-top h3{font-size:28px}.status-pill{background:#e6eeee;color:var(--ink)}
.usage-box{background:#f1f4f4;border:1px solid var(--line);border-radius:5px}
.mini-progress{background:#dae2e5}.mini-progress>span{background:var(--premium-accent)}
.modal-header{background:var(--ink);background-image:none}
.modal-content{border-radius:8px;box-shadow:0 24px 80px #17252e24}
.modal-content h2{font-size:26px}
@media(max-width:760px){body #konto{width:calc(100% - 48px);margin:64px 24px 0}body #konto .section-head :is(h1,h2){font-size:30px}body #konto .account-grid{grid-template-columns:minmax(0,1fr);gap:24px}.premium-account-intro{padding:24px;min-height:0}.premium-account-tab{margin-bottom:24px}.premium-account-intro h3{font-size:27px}.premium-account-intro .premium-account-small{margin-top:20px;padding-top:16px}body #konto .account-card,body.body--logged-in #konto .account-card{padding:22px}body #konto label{font-size:15px}.billing-toggle-btn{display:block;padding:10px 12px}.billing-toggle-btn .save-badge{font-size:10px;line-height:1.3}.pt-cta{min-height:48px}.modal-content{max-width:calc(100vw - 24px)}.modal-content input{min-width:0}}