@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#0f172a;--bg-card:#1e293b;--bg-card-hover:#243550;--border:#2d3f56;--border-hover:#3d5272;--accent:#6c63ff;--accent-2:#f472b6;--accent-3:#34d399;--text:#f1f5f9;--text-muted:#94a3b8;--text-dim:#56708f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4,h5{font-family:Syne,sans-serif}h1{letter-spacing:-1px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.input-field{background:var(--bg);border:1.5px solid var(--border);color:var(--text);border-radius:10px;outline:none;width:100%;padding:13px 16px;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;transition:border-color .18s,box-shadow .18s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c63ff2e}.input-field option{background:#1e293b}.input-field optgroup{color:var(--text-dim);background:#1e293b;font-size:12px}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;width:100%;padding:14px 28px;font-family:Syne,sans-serif;font-size:16px;font-weight:700;transition:background .18s,transform .15s,box-shadow .18s}.btn-primary:hover{background:#7c75ff;transform:translateY(-1px);box-shadow:0 8px 28px #6c63ff61}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.result-card{background:linear-gradient(135deg,#6c63ff1a,#34d3990d);border:1px solid #6c63ff52;border-radius:18px;padding:28px 24px;box-shadow:0 8px 32px #00000047,0 0 0 1px #6c63ff1f}.result-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 0;font-size:15px;display:flex}.result-row:last-child{border-bottom:none}.result-row .label{color:var(--text-muted)}.result-row .value{color:var(--text);font-family:Syne,sans-serif;font-weight:600}.result-row.highlight{padding:16px 0}.result-row.highlight .value{color:var(--accent);font-size:22px;font-weight:800}.field-label{color:var(--text-muted);letter-spacing:.01em;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.trust-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trust-pill{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.trust-pill:before{content:"✓";color:#34d399;font-size:11px;font-weight:700}.insight-card{border:1px solid #6c63ff2e;border-left:3px solid var(--accent);color:var(--text-muted);background:#6c63ff12;border-radius:12px;margin-top:16px;padding:14px 16px;font-size:14px;line-height:1.7}.insight-card.warn{background:#fdcb6e12;border-color:#fdcb6e33 #fdcb6e33 #fdcb6e33 #fdcb6e}.insight-card.good{background:#34d39912;border-color:#34d3992e #34d3992e #34d3992e #34d399}.insight-card strong{color:var(--text);font-weight:600}.ad-slot{border-radius:12px;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.35s forwards fadeUp}.tool-page-columns{flex-wrap:wrap;align-items:flex-start;gap:24px;max-width:1280px;margin:0 auto;padding:0 24px 64px;display:flex}.tool-page-main{flex:520px;min-width:0}.tool-page-sidebar{flex-direction:column;flex:0 0 280px;gap:16px;padding-top:48px;display:flex;position:sticky;top:20px}.grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.nav-padded{justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}@media (max-width:768px){body{font-size:15px}.nav-padded{padding:0 16px}.tool-page-columns{gap:0;padding:0 16px 48px}.tool-page-main{flex:100%}.tool-page-sidebar{width:100%;margin-top:24px;display:block;position:static}.grid-2col{grid-template-columns:1fr}.result-row{flex-wrap:wrap;gap:2px}.result-row.highlight .value{font-size:20px!important}.trust-bar{gap:6px}.trust-pill{font-size:11px}.input-field{font-size:16px!important}.btn-primary{padding:13px 20px;font-size:15px}.result-card{padding:20px 16px}.insight-card{font-size:13px}nav[aria-label=Breadcrumb]{padding:10px 16px 0!important}}@media (max-width:480px){.tool-page-columns{padding:0 12px 40px}nav[aria-label=Breadcrumb]{padding:8px 12px 0!important}.result-row.highlight .value{word-break:break-all;font-size:18px!important}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.nav-padded{height:56px;padding:0 12px}h1{font-size:clamp(22px,6vw,32px)!important}}@media (max-width:768px){.tool-page-main table,.tool-page-columns table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.tool-page-main [style*="grid-template-columns: 1fr 1fr"],.tool-page-main [style*="gridTemplateColumns: \"1fr 1fr\""]{grid-template-columns:1fr!important}.tool-page-main [style*=minmax\(170px],.tool-page-main [style*=minmax\(200px],.tool-page-main [style*=minmax\(180px]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}.trust-bar [style*="font-size: \"11px\""]{display:none}.tool-page-main>section,.tool-page-main>div{padding-left:0!important;padding-right:0!important}}@media (max-width:480px){.tool-page-main [style*=minmax\(140px]{grid-template-columns:1fr 1fr!important}.tool-page-main>main{padding-left:12px!important;padding-right:12px!important}.tool-page-main [style*="padding: 28px"],.tool-page-main [style*="padding: \"28px\""]{padding:16px!important}.tool-page-main [style*="padding: 22px"],.tool-page-main [style*="padding: \"22px\""]{padding:14px!important}}@media (max-width:768px){[style*="gridTemplateColumns: \"1fr auto\""]{grid-template-columns:1fr auto!important}.trust-bar>span[style*="font-size: \"11px\""]{display:none}[style*=minmax\(220px]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}[style*=minmax\(200px]{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important}[style*="padding: \"56px 24px\""],[style*="padding: \"48px 24px\""]{padding-top:32px!important;padding-bottom:48px!important}details>summary{min-height:44px}.result-card{margin-left:0;margin-right:0}[style*="maxWidth: \"720px\""]{padding-left:max(12px,min(20px,3vw))!important;padding-right:max(12px,min(20px,3vw))!important}}@media (max-width:700px){.tool-page-main [style*="grid-template-columns: 1fr 1fr 1fr"],.tool-page-main [style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr 1fr!important}.tool-page-main>main>.kredi-top-flex,.tool-page-main [class*=top-flex]{flex-direction:column!important}}@media (max-width:420px){.tool-page-main [style*="grid-template-columns: 1fr 1fr 1fr"],.tool-page-main [style*="grid-template-columns: repeat(3, 1fr)"],.result-card [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media (max-width:700px){.tool-page-main [style*="position: sticky"]{position:static!important}}*{-webkit-tap-highlight-color:transparent}a,button,summary,[role=button]{touch-action:manipulation}html,body{max-width:100vw;overflow-x:hidden}.calculator-editorial{min-width:0;padding:0 20px 28px;line-height:1.8}.calculator-editorial h1{margin:18px 0;font-size:clamp(24px,4vw,32px);font-weight:800;line-height:1.25}.calculator-editorial h2{margin:28px 0 12px;font-size:20px;font-weight:700}.calculator-editorial p{color:var(--text-muted);margin:12px 0}.calculator-editorial a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.calculator-editorial ul{padding-left:22px;list-style:outside}.calculation-form{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;gap:12px;margin:24px 0;padding:24px;display:grid}.calculation-form label{font-weight:600}.table-scroll{border:1px solid var(--border);border-radius:10px;max-width:100%;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:13px}.table-scroll th,.table-scroll td{white-space:nowrap;text-align:right;border-bottom:1px solid var(--border);padding:10px 12px}.table-scroll th:first-child{text-align:left}.table-scroll caption{text-align:left;padding:12px;font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:600px){.calculation-form{padding:16px}.calculator-editorial{padding-inline:8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
