@font-face{font-family:"Tajawal";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/tajawal-400.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Tajawal";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/tajawal-500.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Tajawal";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/tajawal-700.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Tajawal";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/tajawal-900.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--color-ink:#1a2233;--color-muted:#64748b;--color-paper:#f8fafc;--color-surface:#ffffff;--color-border:#e2e8f0;--color-primary:#087a99;--color-primary-ink:#0e7490;--color-primary-tint:#ecfeff;--color-primary-light:#06b6d4;--color-accent:#f59e0b;--color-accent-tint:#fef3c7;--color-error:#b3261e;--color-focus:#087a99;--color-cat-rose:#e11d48;--color-cat-rose-tint:#ffe4e8;--color-cat-violet:#7c3aed;--color-cat-violet-tint:#f0e7fe;--color-cat-green:#15803d;--color-cat-green-tint:#dcfce7;--color-cat-blue:#1d4ed8;--color-cat-blue-tint:#dbeafe;--shadow-sm:0 1px 2px rgba(26,34,51,0.04),0 1px 3px rgba(26,34,51,0.03);--shadow-md:0 4px 16px rgba(26,34,51,0.07);--shadow-lg:0 16px 40px rgba(26,34,51,0.10);--font-family:"Tajawal","Segoe UI",Tahoma,sans-serif;--text-xs:0.8125rem;--text-sm:0.9375rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-result:2.5rem;--text-result-lg:3.5rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.7;--leading-loose:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--max-width:1120px;--max-width-reading:720px;--shadow-card:0 1px 2px rgba(26,34,51,0.06),0 1px 12px rgba(26,34,51,0.04);--transition-fast:150ms ease-out;--transition-card:180ms cubic-bezier(0.22,1,0.36,1)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-loose);background:var(--color-paper);color:var(--color-ink)}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding-inline-start:var(--space-5)}img,svg{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;color:inherit}a{color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--color-primary-ink)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-4)}.page{padding-block:var(--space-6) var(--space-8)}.page>section{margin-block-start:var(--space-7)}@media (width >= 768px){.container{padding-inline:var(--space-6)}.page{padding-block:var(--space-7) var(--space-8)}}.page h1{font-size:var(--text-2xl);font-weight:900;line-height:var(--leading-snug);color:var(--color-ink);margin-block-end:var(--space-2)}.page--home{text-align:center}.page--home .hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 16px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:var(--color-primary-ink);font-size:var(--text-xs);font-weight:700;margin-block-end:var(--space-4)}.page--home .hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-tint)}.page--home h1{font-size:2.25rem;font-weight:900;max-width:760px;margin-inline:auto}.hero-highlight{color:var(--color-primary)}.page--home .content{max-width:620px;margin-inline:auto}.page--home .content p{color:var(--color-muted)}.page--home .tool-search{margin-block-start:var(--space-6)}.hero-trust{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--space-2);margin-block-start:var(--space-2);color:var(--color-muted);font-size:var(--text-xs);font-weight:700;max-width:100%;overflow-x:auto}.hero-trust-item{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary-ink);white-space:nowrap}.hero-trust-sep{color:var(--color-border);margin-inline-end:var(--space-2)}@media (width >= 768px){.page--home h1{font-size:3.25rem;letter-spacing:-0.02em}}section h2{font-size:var(--text-xl);font-weight:700;line-height:var(--leading-snug);margin-block-end:var(--space-4)}section p{color:var(--color-ink)}section p + p{margin-block-start:var(--space-4)}.content{display:flex;flex-direction:column;gap:var(--space-5)}.content-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);text-align:center}.content-section h2{scroll-margin-top:140px;font-size:var(--text-lg);margin-block-end:var(--space-3)}.content-section p{text-align:start}.content-section p + p{margin-block-start:var(--space-3)}.content p{line-height:var(--leading-relaxed)}.content p>strong:only-child,.content p:has(>strong:only-child){display:block;background:var(--color-accent-tint);border-inline-start:4px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-4);color:#92400e;font-size:var(--text-lg);font-weight:700}.content a{font-weight:500}@media (width >= 768px){.page h1{font-size:2.25rem}}.site-header{background:#fff;border-block-end:1px solid var(--color-border);position:sticky;inset-block-start:0;z-index:10}.header-inner{display:flex;align-items:center;gap:var(--space-4);justify-content:space-between;block-size:64px}.logo{display:flex;align-items:center;gap:var(--space-2);font-weight:900;font-size:var(--text-lg);color:var(--color-ink);text-decoration:none;letter-spacing:-0.01em;flex-shrink:0}.header-inner .tool-search{flex:1 1 auto;max-width:420px;margin:0;display:none}.header-inner .tool-search-input{height:40px;background:var(--color-paper);border-color:var(--color-border)}.header-inner .tool-search-input:focus-visible{background:var(--color-surface);border-color:var(--color-primary)}.header-inner .tool-search-icon{color:var(--color-primary)}@media (width >= 640px){.header-inner .tool-search{display:block}}.logo svg{color:var(--color-primary) !important}.header-categories-inner{display:flex;align-items:center;gap:var(--space-5);overflow-x:auto;padding-block:var(--space-3);scrollbar-width:none}.header-categories-inner::-webkit-scrollbar{display:none}.header-categories-inner a{flex-shrink:0;color:var(--color-muted);font-size:var(--text-sm);font-weight:700;text-decoration:none;padding-block-end:2px;border-block-end:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.header-categories-inner a:hover{color:var(--color-ink)}.header-categories-inner a.is-active{color:var(--color-primary);border-block-end-color:var(--color-primary)}.main-nav{display:flex;align-items:center;gap:var(--space-2)}.main-nav a{display:inline-flex;align-items:center;height:42px;padding-inline:var(--space-4);border:1px solid transparent;border-radius:999px;background:var(--color-accent);color:#fff;font-weight:700;font-size:var(--text-sm);text-decoration:none;transition:background-color var(--transition-fast)}.main-nav a:hover{background:#d97706;color:#fff}.site-footer{margin-block-start:var(--space-7);background:var(--color-ink)}.footer-inner{display:grid;gap:var(--space-6);padding-block:var(--space-6)}.footer-about h2,.footer-links h2{font-size:var(--text-lg);color:#fff;margin-block-end:var(--space-3)}.footer-links h2{text-align:center}.footer-about p{color:rgba(255,255,255,0.65);line-height:1.8;margin:0;max-width:32em}.footer-links nav{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center}.footer-links nav a{color:rgba(255,255,255,0.65);text-decoration:none}.footer-links nav a:hover{color:var(--color-primary-light);text-decoration:underline}.footer-bottom{border-block-start:1px solid rgba(255,255,255,0.12);padding-block:var(--space-3)}.footer-bottom p{margin:0;text-align:center;color:rgba(255,255,255,0.5);font-size:var(--text-xs)}@media (min-width:720px){.footer-inner{grid-template-columns:2fr 1fr}}.breadcrumb{font-size:var(--text-xs);color:var(--color-muted);margin-block-end:var(--space-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2)}.breadcrumb a{color:var(--color-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb span{color:var(--color-ink)}.calculator{display:grid;gap:var(--space-5)}.calculator form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.calculator .field{margin-block-end:var(--space-4)}.calculator .field:last-of-type{margin-block-end:var(--space-5)}.calculator label{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-ink);margin-block-end:var(--space-2)}.calculator input,.calculator select,.text-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-normal);min-height:50px;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.calculator input::placeholder{color:var(--color-muted);font-weight:400;opacity:1}.calculator input:hover,.calculator select:hover{border-color:var(--color-primary-light);background:var(--color-surface)}.calculator input:focus,.calculator select:focus{background:var(--color-surface);box-shadow:0 0 0 4px var(--color-primary-tint)}.input-with-unit{position:relative;display:flex;align-items:stretch;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper);overflow:hidden;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.input-with-unit:hover{border-color:var(--color-primary-light);background:var(--color-surface)}.input-with-unit:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 4px var(--color-primary-tint)}.input-with-unit input{flex:1 1 auto;min-width:0;border:none;border-radius:0;background:transparent}.input-with-unit input:hover,.input-with-unit input:focus{background:transparent;box-shadow:none}.input-with-unit .input-unit{flex:0 0 auto;order:-1;display:flex;align-items:center;justify-content:center;padding-inline:var(--space-3);color:var(--color-primary-ink);font-size:var(--text-sm);font-weight:700;line-height:1;background:var(--color-primary-tint);border-inline-end:1.5px solid var(--color-border);pointer-events:none;transition:border-color var(--transition-fast)}.input-with-unit:focus-within .input-unit{border-inline-end-color:var(--color-primary)}.input-with-unit .input-unit--currency{pointer-events:auto;appearance:none;-webkit-appearance:none;cursor:pointer;border:none;border-inline-end:1.5px solid var(--color-border);width:5.5rem;flex:0 0 5.5rem;padding-inline-start:var(--space-6);padding-inline-end:var(--space-2);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087a99' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'></path></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;font-family:inherit}.input-with-unit .input-unit--currency:hover{background-color:var(--color-primary-tint);filter:brightness(0.97)}.input-with-unit .input-unit--currency:focus{outline:none;background-color:var(--color-surface)}.field-help{font-size:var(--text-xs);color:var(--color-muted);margin-block-start:var(--space-2)}.field-error{font-size:var(--text-xs);color:var(--color-error);margin-block-start:var(--space-2)}.field-error--global{margin-block-start:0;margin-block-end:var(--space-4)}[data-invalid="true"] input,[data-invalid="true"] select,[data-invalid="true"] .input-with-unit{border-color:var(--color-error)}.result-block + .result-block{margin-block-start:var(--space-5);padding-block-start:var(--space-4);border-block-start:1px solid var(--color-border)}.result-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.result-metric-grid + *{margin-block-start:var(--space-5);padding-block-start:var(--space-4);border-block-start:1px solid var(--color-border)}.result-metric{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-1);text-align:center}.result-metric-value{font-size:var(--text-base);font-weight:800;line-height:var(--leading-tight);color:var(--color-primary-ink);font-variant-numeric:tabular-nums}.result-metric-value:empty::before{content:"—";color:var(--color-muted)}.result-metric-label{margin-block-start:2px;font-size:11px;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.02em}@media (width >= 480px){.result-metric-grid{grid-template-columns:repeat(6,1fr)}.result-metric-value{font-size:var(--text-lg)}}.result-scale{margin-block-start:var(--space-4)}.result-scale-track{position:relative;display:flex;block-size:10px;border-radius:999px;overflow:hidden}.result-scale-band{block-size:100%}.result-scale-marker{position:absolute;inset-block-start:50%;margin-inline-start:-7px;inline-size:14px;block-size:14px;border-radius:50%;background:#fff;border:3px solid var(--color-ink);box-shadow:0 1px 3px rgba(0,0,0,0.3);transform:translateY(-50%);transition:inset-inline-start var(--transition-card)}.result-scale-labels{display:flex;justify-content:space-between;margin-block-start:var(--space-2);font-size:var(--text-xs);color:var(--color-muted)}.result-value--secondary{font-size:var(--text-lg);font-weight:700}.result-value--empty{font-size:var(--text-lg);font-weight:500;color:var(--color-muted)}.gregorian-fields,.hijri-fields{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:var(--space-2)}.gregorian-fields select,.hijri-fields select{padding-inline:var(--space-2);font-size:var(--text-sm)}.gregorian-fields[hidden],.hijri-fields[hidden]{display:none}.radio-group{display:flex;gap:var(--space-2)}.date-toggle-switch{margin-block-end:var(--space-3)}.radio-option{position:relative}.radio-option input[type="radio"]{position:absolute;opacity:0;inset-inline-start:0;inset-block-start:0;width:100%;height:100%;margin:0;cursor:pointer}.radio-option .radio-label{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--color-muted);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.radio-option input[type="radio"]:checked~.radio-label{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-primary-ink)}.radio-option input[type="radio"]:focus-visible~.radio-label{outline:2px solid var(--color-focus);outline-offset:2px}.date-toggle{margin-block-end:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;background:var(--color-primary);color:#fff;border:1px solid transparent;border-radius:999px;padding:var(--space-3) var(--space-5);font-family:inherit;font-size:var(--text-base);font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 8px 20px -8px var(--color-primary);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover{background:var(--color-primary-ink);color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px -8px var(--color-primary)}.btn:active{background:var(--color-primary-ink);transform:translateY(1px)}.calc-actions{display:flex;gap:var(--space-3);margin-block-start:var(--space-4)}.calc-actions .calc-btn-primary{flex:2 1 0}.calc-actions .calc-btn-reset{flex:1 1 0}.btn-outline{background:var(--color-surface);color:var(--color-ink);border:1.5px solid var(--color-border);box-shadow:none}.btn-outline:hover{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-muted);transform:translateY(-1px);box-shadow:none}.btn-outline:active{background:var(--color-paper);transform:translateY(1px)}.result{background:var(--color-primary-tint);border:1px solid var(--color-primary);border-radius:var(--radius-lg);overflow:hidden}.result[hidden]{display:none}.result-header{background:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:700;padding:var(--space-3) var(--space-5)}.result-body{padding:var(--space-5)}.result-label{font-size:var(--text-xs);font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.02em;margin-block-end:var(--space-2)}.result-value{font-size:var(--text-xl);font-weight:800;line-height:var(--leading-tight);color:var(--color-primary-ink);font-variant-numeric:tabular-nums}.result-detail{margin-block-start:var(--space-3);font-size:var(--text-sm);color:var(--color-ink)}.result-share{border-block-start:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-4) var(--space-5)}.result-share-title{font-size:var(--text-sm);font-weight:700;color:var(--color-ink);margin:0 0 var(--space-3)}.result-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);flex:0 0 auto;white-space:nowrap;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:700;line-height:1.2;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.result-share-btn--native{background:transparent;color:var(--color-ink);border:1.5px solid var(--color-border)}.result-share-btn--native:hover{border-color:var(--color-muted);background:var(--color-paper)}.result-share-icon{font-size:var(--text-sm);line-height:1}.share-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.share-modal[hidden]{display:none}.share-modal-overlay{position:absolute;inset:0;background:rgba(15,23,42,0.5)}.share-modal-dialog{position:relative;z-index:1;width:100%;max-width:420px;max-height:calc(100vh - var(--space-8));overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5)}.share-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-4)}.share-modal-title{font-size:var(--text-lg);font-weight:800;color:var(--color-ink);margin:0}.share-modal-subtitle{font-size:var(--text-sm);color:var(--color-muted);margin:var(--space-1) 0 0}.share-modal-close{flex:0 0 auto;background:transparent;border:none;color:var(--color-muted);font-size:var(--text-lg);line-height:1;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.share-modal-close:hover{background:var(--color-paper);color:var(--color-ink)}.share-modal-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink);margin-block-end:var(--space-5);cursor:pointer}.share-modal-checkbox input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.share-modal-link-row{display:flex;align-items:stretch;gap:var(--space-2);margin-block-start:var(--space-5)}.share-modal-url{flex:1 1 auto;min-width:0;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-muted);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);direction:ltr;text-align:end}.share-modal-url:focus{outline:none;border-color:var(--color-primary)}.share-modal-copy{flex:0 0 auto;background:var(--color-primary);color:#fff;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.share-modal-copy:hover{background:var(--color-primary-ink);border-color:var(--color-primary-ink)}.result-share-social{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.result-share-social-col{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1 1 0}.result-share-social-label{font-size:var(--text-xs);color:var(--color-muted)}.result-share-social-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;flex:0 0 auto;transition:transform var(--transition-fast),filter var(--transition-fast)}.result-share-social-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.result-share-social-icon{width:22px;height:22px;background-color:#fff;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.result-share-social-btn--whatsapp{background:#25d366}.result-share-social-icon--whatsapp{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 0 0 4.74 1.2h.01c5.46 0 9.9-4.45 9.9-9.91 0-2.65-1.03-5.14-2.9-7.01A9.87 9.87 0 0 0 12.04 2zm0 18.12h-.01a8.2 8.2 0 0 1-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.22 8.22 0 0 1-1.26-4.35c0-4.54 3.7-8.24 8.25-8.24 2.2 0 4.27.86 5.83 2.42a8.18 8.18 0 0 1 2.41 5.83c0 4.55-3.7 8.25-8.24 8.25zm4.52-6.17c-.25-.12-1.47-.72-1.7-.81-.23-.08-.39-.12-.56.13-.17.25-.64.81-.78.97-.14.17-.29.19-.53.06-.25-.12-1.05-.39-2-1.23-.74-.66-1.24-1.47-1.39-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.35-.77-1.85-.2-.48-.41-.42-.56-.43-.14-.01-.31-.01-.48-.01-.17 0-.43.06-.66.31-.23.25-.86.84-.86 2.05s.88 2.38 1 2.54c.12.17 1.73 2.64 4.2 3.7.59.25 1.04.4 1.4.52.59.19 1.12.16 1.55.1.47-.07 1.47-.6 1.68-1.18.21-.58.21-1.08.14-1.18-.06-.11-.23-.17-.48-.29z'/></svg>")}.result-share-social-btn--twitter{background:#000}.result-share-social-icon--twitter{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.9 2.5h3.1l-6.77 7.73L23.2 21.5h-6.23l-4.88-6.38-5.58 6.38H3.4l7.24-8.27L2.8 2.5h6.39l4.41 5.83zm-1.09 17.1h1.72L7.28 4.29H5.43z'/></svg>")}.result-share-social-btn--telegram{background:#229ed9}.result-share-social-icon--telegram{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M21.9 3.6 2.9 11c-1.3.5-1.3 1.2-.2 1.6l4.9 1.5 1.9 5.8c.2.6.4.9.9.9.4 0 .6-.2.9-.5l2.2-2.1 4.6 3.4c.8.5 1.4.2 1.6-.8l2.9-13.6c.3-1.2-.4-1.8-1.7-1.6zM8.6 13.9l9.3-5.9c.4-.3.8-.1.5.3l-7.6 6.9-.3 3.1z'/></svg>")}.result-share-social-btn--facebook{background:#1877f2}.result-share-social-icon--facebook{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5 3.66 9.15 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.5 1.49-3.89 3.77-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.88h2.78l-.44 2.91h-2.34V22c4.78-.79 8.44-4.94 8.44-9.94z'/></svg>")}.result:not(:has(.result-value)){padding:var(--space-5);font-size:var(--text-lg);font-weight:700;color:var(--color-primary-ink)}@media (width >= 768px){.result-value{font-size:var(--text-2xl)}}.calc-page-main{min-width:0}.calc-page-main{margin-block-start:var(--space-7)}.calc-page-main>*{max-width:var(--max-width-reading);margin-inline:auto}.calc-page-main>* + *{margin-block-start:var(--space-7)}@media (width >= 768px){.calc-page-main{margin-block-start:var(--space-8)}.calc-page-main>* + *{margin-block-start:var(--space-8)}}@media (width >= 640px){.calculator{grid-template-columns:1fr 1fr;align-items:start}}.toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.toc-title{font-size:var(--text-base);font-weight:700;color:var(--color-ink);margin-block-end:var(--space-3)}.toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.toc a{display:block;color:var(--color-muted);font-size:var(--text-sm);text-decoration:none;padding-inline-start:var(--space-3);border-inline-start:2px solid var(--color-border);transition:color var(--transition-fast),border-color var(--transition-fast)}.toc a:hover{color:var(--color-primary-ink);border-inline-start-color:var(--color-primary)}.faq{display:flex;flex-direction:column;gap:var(--space-3)}.faq details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5);transition:border-color var(--transition-fast)}.faq details[open]{border-color:var(--color-primary-light)}.faq summary{cursor:pointer;font-size:var(--text-lg);font-weight:700;color:var(--color-ink);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";flex-shrink:0;font-size:var(--text-xl);font-weight:400;color:var(--color-primary);transition:transform var(--transition-fast)}.faq details[open] summary::after{transform:rotate(45deg)}.faq details p{margin-block-start:var(--space-3);color:var(--color-muted)}.related-grid,.category-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.related-grid a,.category-grid a{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--color-ink);font-weight:500;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--transition-card),border-color var(--transition-fast),box-shadow var(--transition-card)}.related-grid a:hover,.category-grid a:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);color:var(--color-ink);transform:translateY(-3px)}.category-grid .category-name{font-weight:700}.category-grid .category-icon{color:var(--color-accent)}.category-grid .category-desc{display:block;font-weight:400;font-size:var(--text-sm);color:var(--color-muted);margin-block-start:var(--space-1)}.listing h2{margin-block-end:var(--space-2)}.listing>* + *{margin-block-start:var(--space-7)}.listing>h2 + *{margin-block-start:var(--space-6)}@media (width >= 768px){.listing>* + *{margin-block-start:var(--space-8)}}@media (width >= 768px){.related-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}}.tool-search{position:relative;width:100%;max-width:420px;margin:0 auto var(--space-2);text-align:start;align-self:center}.tool-search-icon{position:absolute;inset-inline-start:var(--space-4);inset-block-start:50%;transform:translateY(-50%);color:var(--color-muted);pointer-events:none}.tool-search-input{width:100%;height:40px;padding-inline-start:var(--space-8);padding-inline-end:var(--space-4);border:1.5px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-ink);font-family:inherit;font-size:var(--text-base);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tool-search-input::placeholder{color:var(--color-muted)}.tool-search-input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-tint)}.tool-search-results{position:absolute;inset-inline:0;inset-block-start:calc(100% + 8px);z-index:5;margin:0;padding:var(--space-2);list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:360px;overflow-y:auto}.tool-search-results[hidden]{display:none}.tool-search-results li + li{margin-block-start:var(--space-1)}.tool-search-results a{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-ink);transition:background-color var(--transition-fast)}.tool-search-results a:hover,.tool-search-results a:focus-visible{background:var(--color-primary-tint);color:var(--color-ink)}.tool-search-result-title{font-weight:700;font-size:var(--text-sm)}.tool-search-result-desc{font-size:var(--text-xs);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-search-empty-item{padding:var(--space-3);color:var(--color-muted);font-size:var(--text-sm);text-align:center}.how-to-lead{color:var(--color-muted);max-width:480px;margin:0 auto var(--space-6)}.steps-timeline{position:relative;display:flex;flex-direction:column;max-width:560px;margin:0 auto;text-align:start}.steps-timeline::before{content:"";position:absolute;inset-block:22px;inset-inline-start:21px;width:2px;background:repeating-linear-gradient( to bottom,var(--color-border) 0,var(--color-border) 5px,transparent 5px,transparent 11px )}.timeline-step{position:relative;display:flex;align-items:flex-start;gap:var(--space-4);padding-block:var(--space-3)}.timeline-step:hover .timeline-number{background:var(--color-primary-light);border-color:var(--color-primary-light);color:#fff}.timeline-step:hover .timeline-arrow{opacity:1;transform:translateX(0)}.timeline-marker{position:relative;z-index:1;flex-shrink:0}.timeline-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-primary-light);color:var(--color-primary-ink);font-weight:800;font-size:var(--text-lg);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.timeline-body{padding-block-start:var(--space-2);min-width:0}.timeline-title-row{display:flex;align-items:center;gap:var(--space-2);margin-block-end:var(--space-1)}.timeline-body h3{font-size:var(--text-base);font-weight:700;color:var(--color-ink)}.timeline-arrow{color:var(--color-primary);opacity:0;transform:translateX(4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.timeline-body p{color:var(--color-muted);font-size:var(--text-sm)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);text-align:start}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform var(--transition-card),box-shadow var(--transition-card)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-tint);color:var(--color-primary-ink);margin-block-end:var(--space-3)}.feature-icon--primary{background:var(--color-primary-tint);color:var(--color-primary-ink)}.feature-icon--accent{background:var(--color-accent-tint);color:var(--color-accent)}.feature-icon--rose{background:var(--color-cat-rose-tint);color:var(--color-cat-rose)}.feature-icon--violet{background:var(--color-cat-violet-tint);color:var(--color-cat-violet)}.feature-icon--green{background:var(--color-cat-green-tint);color:var(--color-cat-green)}.feature-icon--blue{background:var(--color-cat-blue-tint);color:var(--color-cat-blue)}.feature-card h3{font-size:var(--text-base);font-weight:700;color:var(--color-ink);margin-block-end:var(--space-2)}.feature-card p{font-size:var(--text-sm);color:var(--color-muted)}@media (width >= 640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width >= 960px){.features-grid{grid-template-columns:repeat(3,1fr)}}.category-grid a.category-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:start}.category-card-header{display:flex;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3)}.category-card-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-primary-tint);color:var(--color-primary-ink)}.category-card--health .category-card-icon{background:var(--color-cat-rose-tint);color:var(--color-cat-rose)}.category-card--finance .category-card-icon{background:var(--color-accent-tint);color:var(--color-accent)}.category-card--everyday-life .category-card-icon{background:var(--color-primary-tint);color:var(--color-primary-ink)}.category-card--math .category-card-icon{background:var(--color-cat-violet-tint);color:var(--color-cat-violet)}.category-card--statistics .category-card-icon{background:var(--color-cat-blue-tint);color:var(--color-cat-blue)}.category-card--construction .category-card-icon{background:var(--color-cat-green-tint);color:var(--color-cat-green)}.category-card-count{position:absolute;inset-inline-end:var(--space-4);inset-block-start:var(--space-4);padding:3px 10px;border-radius:999px;background:var(--color-paper);border:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.tool-card{display:flex;align-items:flex-start;gap:var(--space-3)}.tool-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-primary-tint);color:var(--color-primary-ink);flex-shrink:0}.tool-card-icon--health{background:var(--color-cat-rose-tint);color:var(--color-cat-rose)}.tool-card-icon--finance{background:var(--color-accent-tint);color:var(--color-accent)}.tool-card-icon--everyday-life{background:var(--color-primary-tint);color:var(--color-primary-ink)}.tool-card-icon--math{background:var(--color-cat-violet-tint);color:var(--color-cat-violet)}.tool-card-icon--statistics{background:var(--color-cat-blue-tint);color:var(--color-cat-blue)}.tool-card-icon--construction{background:var(--color-cat-green-tint);color:var(--color-cat-green)}.tool-card-text{display:flex;flex-direction:column;min-width:0;text-align:start}.closing-cta{text-align:center;padding-block:var(--space-6)}.closing-cta h2{font-size:var(--text-2xl);font-weight:900;color:var(--color-ink);margin-block-end:var(--space-3)}.closing-cta p{color:var(--color-muted);max-width:480px;margin:0 auto var(--space-6)}.closing-cta-btn{display:inline-flex;width:auto;margin-inline:auto;align-items:center;gap:var(--space-2);padding-inline:var(--space-6)}.closing-cta .hero-trust{margin-block-start:var(--space-6)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.calculator input:focus-visible,.calculator select:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-primary)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}