@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#b24e24;--orange-light:#c4552a;--orange-dark:#953f18;--orange-ghost:#f8ede5;--bg:#f6f4f1;--bg-2:#fdfcfa;--bg-3:#f0ede7;--border:#e5e2da;--text:#1a1815;--text-2:#55514b;--text-3:#8a8680;--success:#3a8b5c;--error:#c13a2b;--warning:#b87e1e;--danger:#a23a2a;--danger-dark:#7e2c20;--badge-bg:#f0ede7}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-feature-settings:"cv11", "ss03", "cv02", "tnum";text-rendering:optimizelegibility;font-family:Inter,sans-serif;font-size:14px;line-height:1.5}strong,b,h1,h2,h3,h4,h5,h6{font-weight:500}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}.app-loader{background:var(--bg-2);z-index:99999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:4px solid var(--border);border-top-color:var(--orange);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.konto-root{background:var(--bg);min-height:100vh}.konto-header{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.konto-header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:16px 28px;display:grid}.konto-back-link{color:var(--text-2);background:0 0;border:none;justify-self:start;align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.konto-back-link:hover{color:var(--orange);text-decoration:none}.konto-header-inner>.konto-logo{justify-self:center}.konto-header-inner>.konto-btn-secondary{justify-self:end}.konto-header-inner>.konto-btn-secondary:hover:not(:disabled){background:var(--orange-ghost);color:var(--orange);border-color:var(--orange-dark)}.konto-logo{color:var(--text);letter-spacing:-.4px;font-size:20px;font-weight:500;text-decoration:none}.konto-dot{color:var(--orange)}.konto-main{max-width:1100px;margin:0 auto;padding:20px 28px 32px}.konto-tabs{border-bottom:1px solid var(--border);justify-content:center;gap:0;margin-bottom:20px;display:flex}.konto-tab{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin:0 14px -1px;padding:10px 22px;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.konto-tab.active{color:var(--text);border-bottom-color:var(--orange);font-weight:500}.konto-section{flex-direction:column;gap:14px;max-width:560px;margin:0 auto 24px;display:flex}.konto-section-payment{gap:14px;max-width:560px;margin:0 auto 24px;padding:0 0 4px}.konto-plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1044px;margin:0 auto 24px;display:grid}.konto-plans-grid .konto-section{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;gap:18px;max-width:none;margin:0;padding:22px}.konto-plans-grid .konto-section .konto-section-head{margin-bottom:2px;padding-bottom:12px}.konto-section.danger{margin-top:36px}.konto-section-loading{justify-content:center;align-items:center;min-height:120px}.konto-section-head{border-bottom:1px solid var(--border);text-align:center;color:var(--text);letter-spacing:-.005em;padding-bottom:10px;font-size:13px;font-weight:500}.konto-divider{background:var(--border);height:1px;margin:4px 0}.konto-mini-head{color:var(--text-3);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-bottom:10px;font-size:10.5px;font-weight:500}.konto-muted{color:var(--text-3);font-size:13px}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-3);font-size:13px;font-weight:500}.form-input{border:1px solid var(--border);background:var(--bg-2);width:100%;color:var(--text);border-radius:5px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;line-height:22px;transition:border-color .15s}.form-input:focus{border-color:var(--orange)}.form-input::placeholder{color:var(--text-3)}select.form-input{appearance:none;background-image:none}.form-input.is-error{border-color:var(--error)}.form-input-eye{color:var(--text-3);cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.form-hint{background:var(--bg-3);color:var(--text-2);border-radius:5px;margin-top:6px;padding:8px 10px;font-size:13px}.form-hint.orange{color:var(--orange);background:var(--orange-ghost)}.required{color:var(--orange)}.konto-form-grid-3{grid-template-columns:180px 1fr 1fr;gap:12px;display:grid}.konto-form-grid-2{grid-template-columns:1fr 100px;gap:12px;display:grid}.konto-form-grid-2.narrow{grid-template-columns:120px 1fr}.konto-form-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.konto-required-hint{color:var(--text-3);font-size:13px}.konto-plan-pill{border:1px solid var(--border);background:var(--bg-2);border-radius:5px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.konto-plan-pill.ok{background:#3a8b5c0f;border-color:#3a8b5c40}.konto-plan-pill.warn{background:#b87e1e0f;border-color:#b87e1e40}.konto-plan-pill.err{background:#c13a2b0d;border-color:#c13a2b40}.konto-plan-pill.neutral{border-color:var(--border);background:var(--bg-2)}.konto-plan-name{color:var(--text);font-size:15px;font-weight:500}.konto-plan-sub{color:var(--text-3);margin-top:2px;font-size:13px}.konto-plan-sub.err{color:var(--error)}.konto-badge{background:var(--text-3);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:500}.konto-badge.ok{background:var(--success)}.konto-badge.warn{background:var(--warning)}.konto-badge.err{background:var(--error)}.konto-badge.neutral{background:var(--text-3)}.konto-payment{border-top:1px solid var(--border);padding-top:14px}.konto-payment-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.konto-payment-info{align-items:center;gap:12px;display:flex}.konto-card-icon{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:34px;display:flex;overflow:hidden}.konto-card-icon.empty{background:var(--bg-3);border:1px dashed var(--border);width:38px;height:24px}.konto-payment-label{color:var(--text);font-size:15px;font-weight:500}.konto-payment-sub{color:var(--text-3);font-size:13px}.konto-checkout{flex-direction:column;gap:12px;display:flex}.konto-toggle{border:1px solid var(--border);border-radius:5px;justify-content:center;align-items:center;gap:14px;padding:10px 14px;display:flex}.konto-toggle-side{cursor:pointer;color:var(--text-3);flex-direction:column;align-items:center;font-size:14px;font-weight:500;display:flex}.konto-toggle-side.active{color:var(--text);font-weight:500}.konto-toggle-price{color:var(--text-3);margin-top:1px;font-size:12px;font-weight:500}.konto-toggle-price strong{font-weight:500}.konto-toggle-price strong.orange,.konto-toggle-side.active .konto-toggle-price strong:not(.orange){color:var(--orange)}.konto-toggle-price s{text-decoration:line-through}.konto-toggle-price .success{color:var(--success)}.konto-toggle-switch{background:var(--bg-3);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:22px;position:relative}.konto-toggle-knob{background:var(--text-2);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.konto-toggle-knob.on{transform:translate(18px)}.konto-promo{color:var(--orange);text-align:center;font-size:12.5px;font-weight:500}.konto-cancel-block{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.konto-cancel-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.konto-cancel-title{color:var(--text);font-size:15px;font-weight:500}.konto-progress-block{margin-top:-6px}.konto-progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.konto-progress-fill{background:var(--orange);border-radius:3px;height:100%;transition:width .4s}.konto-fsp-plans{flex-direction:column;gap:10px;display:flex}.konto-btn-primary,.konto-btn-secondary,.konto-btn-ghost,.konto-btn-danger,.konto-btn-danger-outline{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.konto-btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.konto-btn-primary:hover:not(:disabled){background:var(--orange-dark);border-color:var(--orange-dark)}.konto-btn-secondary{color:var(--text);border-color:var(--border);background:0 0}.konto-btn-secondary:hover:not(:disabled){background:var(--bg)}.konto-btn-ghost{background:var(--bg-2);color:var(--text);border-color:var(--border)}.konto-btn-ghost:hover:not(:disabled){background:var(--orange-ghost);color:var(--orange);border-color:var(--orange-dark)}.konto-btn-sm{padding:7px 14px;font-size:12.5px}.konto-btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.konto-btn-danger:hover:not(:disabled){background:var(--danger-dark);border-color:var(--danger-dark)}.konto-btn-danger-outline{color:var(--error);border-color:var(--error);background:0 0}.konto-btn-danger-outline:hover:not(:disabled){background:#c13a2b14}.konto-danger-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.konto-btn-primary:disabled,.konto-btn-secondary:disabled,.konto-btn-ghost:disabled,.konto-btn-danger:disabled,.konto-btn-danger-outline:disabled{opacity:.55;cursor:not-allowed}.konto-modal-backdrop{z-index:999;background:#1c1c1e80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.konto-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:28px;display:flex;box-shadow:0 8px 32px #0000002e}.konto-modal-title{color:var(--text);font-size:17px;font-weight:500}.konto-modal-title.err{color:var(--error)}.konto-modal-body{color:var(--text-2);font-size:14px;line-height:1.55}.konto-modal-body strong{color:var(--text);font-weight:500}.konto-modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.konto-toast{background:var(--orange-ghost);color:var(--orange);z-index:99999;border-radius:5px;padding:10px 18px;font-size:14px;font-weight:500;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.konto-toast.err{background:var(--orange);color:#fff}@media (width<=600px){.konto-header-inner{padding:14px 18px}.konto-header-actions{gap:6px}.konto-header-actions .konto-back-label{display:none}.konto-main{padding:22px 18px 48px}.konto-form-grid-3{grid-template-columns:1fr}.konto-form-grid-2,.konto-form-grid-2.narrow{grid-template-columns:1fr 1fr}.konto-payment-row{flex-direction:column;align-items:flex-start;gap:10px}.konto-payment-row>.konto-btn-ghost,.konto-payment-row>.konto-btn-primary{align-self:stretch}}