:root{--color-primary: #1d1d1f;--color-blue: #0071e3;--color-blue-hover: #0077ed;--bg-main: #fbfbfd;--bg-surface: #ffffff;--bg-surface-elevated: #f5f5f7;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--border-color: rgba(0, 0, 0, .08);--color-success: #34c759;--color-error: #ff3b30;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-full: 0;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06), 0 0 1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-overlay: 400;--z-toast: 500;--container-max: 100%;--container-padding: var(--space-8)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-main);overflow-x:clip}body{line-height:1.6;font-weight:var(--font-weight-normal);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;max-width:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}ul,ol{list-style:none}a{text-decoration:none;color:inherit}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding, var(--space-8));width:100%}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.section{padding-block:var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}.page-transition{animation:fadeIn var(--transition-normal)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--text-sm);transition:all var(--transition-fast);gap:var(--space-2)}.btn-primary{background:var(--color-blue);color:#fff}.btn-primary:hover{background:var(--color-blue-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary)}.btn-secondary:hover{background:#ececee}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-surface-elevated)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--color-blue);color:var(--color-blue)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glow:hover{box-shadow:var(--shadow-lg)}.input-group{position:relative;display:flex;flex-direction:column;margin-bottom:var(--space-4);z-index:1}.input-group:has(.custom-select.is-open){z-index:50}.custom-select.is-open{z-index:50}.input-field{width:100%;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);transition:border-color var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px #0071e326}.month-picker{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-2)}.month-picker .input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem;cursor:pointer}.input-group label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.input-field[type=number]::-webkit-inner-spin-button,.input-field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-select{position:relative;width:100%}.custom-select-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.7rem .85rem;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.custom-select-trigger:hover{border-color:#00000029;background:#fafafa}.custom-select-trigger:focus-visible{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px #0071e326}.custom-select.is-open .custom-select-trigger{border-color:var(--color-blue);box-shadow:0 0 0 3px #0071e31f}.custom-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.custom-select-chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .18s ease}.custom-select.is-open .custom-select-chevron{transform:rotate(180deg)}.custom-select-menu{position:absolute;z-index:var(--z-modal);top:calc(100% + .4rem);left:0;right:0;max-height:min(280px,50vh);overflow-y:auto;padding:.35rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 32px #14181f1f,0 2px 8px #14181f0f;transform-origin:top center;opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.custom-select.open-up .custom-select-menu{top:auto;bottom:calc(100% + .4rem);transform-origin:bottom center;transform:translateY(6px) scale(.98)}.custom-select.is-open .custom-select-menu{opacity:1;transform:translateY(0) scale(1)}.custom-select-option{width:100%;display:flex;align-items:center;gap:.55rem;border:0;background:transparent;border-radius:8px;padding:.55rem .65rem;color:var(--text-primary);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background .12s ease}.custom-select-option:hover,.custom-select-option:focus-visible{background:var(--bg-surface-elevated);outline:none}.custom-select-option.is-selected{background:#eef2f7;font-weight:var(--font-weight-semibold)}.custom-select-check{width:1rem;height:1rem;flex-shrink:0;border-radius:50%;background:transparent;position:relative}.custom-select-option.is-selected .custom-select-check{background:var(--color-blue)}.custom-select-option.is-selected .custom-select-check:after{content:"";position:absolute;left:.28rem;top:.18rem;width:.28rem;height:.48rem;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.calc-swap-wrap{display:flex;justify-content:center;margin:calc(var(--space-2) * -1) 0 var(--space-4)}.calc-swap-btn{gap:var(--space-2);border-radius:var(--radius-full);padding-inline:var(--space-4);color:var(--text-secondary);background:var(--bg-surface)}.calc-swap-btn:hover{color:var(--color-blue);border-color:#0071e333;background:#f7fbff}.badge{display:inline-block;padding:.2em .6em;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background:var(--bg-surface-elevated);color:var(--text-secondary)}.badge-success{background:#34c7591f;color:var(--color-success)}.badge-error{background:#ff3b301f;color:var(--color-error)}.breadcrumb{display:flex;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.breadcrumb a:hover{color:var(--color-blue)}.breadcrumb-separator{color:var(--text-secondary)}.search-bar{position:relative;width:100%}.search-bar input{padding-left:var(--space-10);font-size:var(--text-lg)}.search-bar .icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-secondary)}.language-switcher{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);transition:all var(--transition-fast)}.language-switcher:hover{background:#e8e8ed}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;background-color:var(--text-primary);color:#fff;text-align:center;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);position:absolute;z-index:var(--z-toast);bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity var(--transition-fast);font-size:var(--text-xs);white-space:nowrap}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--bg-surface-elevated);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.calculator-page{display:flex;flex-direction:column;gap:var(--space-8);min-height:60vh}.calculator-page>*{width:100%;min-width:0}.calc-input-panel{display:flex;flex-direction:column;gap:var(--space-6);overflow:visible;position:relative}.calc-result-panel{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:center;padding:var(--space-10);background:var(--bg-surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.calc-result-panel:before{display:none}.calc-result-value{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin:var(--space-4) 0;word-break:break-word;letter-spacing:-.03em}.calc-description{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color);width:100%}.calc-formula{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid var(--border-color)}.calc-visual{width:100%;height:6px;background:var(--border-color);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-6)}.calc-visual-bar{height:100%;background:var(--text-primary);width:50%;border-radius:var(--radius-full)}.calc-actions{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.basic-calculator{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:380px;margin:0 auto;box-shadow:var(--shadow-md)}.basic-calc-display{background:var(--bg-surface-elevated);border-radius:var(--radius-md);padding:var(--space-4);text-align:right;margin-bottom:var(--space-4);min-height:80px;display:flex;flex-direction:column;justify-content:flex-end}.basic-calc-display .formula{font-size:var(--text-sm);color:var(--text-secondary);min-height:20px}.basic-calc-display .result{font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--space-1)}.basic-calc-key{padding:var(--space-4) 0;font-size:var(--text-lg);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:none;color:var(--text-primary);transition:all var(--transition-fast)}.basic-calc-key:hover{background:#e8e8ed}.basic-calc-key:active{transform:scale(.95)}.basic-calc-key.operator{color:var(--color-blue)}.basic-calc-key.equal{background:var(--color-blue);color:#fff;grid-column:span 2}.basic-calc-key.equal:hover{background:var(--color-blue-hover)}.basic-calc-key.clear{color:var(--color-error)}.calc-disclaimer{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-surface-elevated);border-left:3px solid var(--border-color)}.calc-disclaimer p{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}.calc-disclaimer a{color:var(--color-blue);text-decoration:underline}.calc-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);min-height:140px}.calc-error-icon{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#fdecea;color:#b42318}.calc-error-text{margin:0;max-width:22rem;color:var(--text-primary);font-size:var(--text-sm);line-height:1.55;font-weight:var(--font-weight-medium)}.calc-warning{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md, 8px);background:#fff8e6;border:1px solid #f0d78c;color:#7a5b00}.calc-warning-icon{flex-shrink:0;width:1.35rem;height:1.35rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:700;font-style:italic;background:#f5e6b8;color:#7a5b00}.calc-warning-text{margin:0;font-size:var(--text-sm);line-height:1.5}.related-calculators,#app-footer,.calc-description-panel{content-visibility:auto;contain-intrinsic-size:auto 240px}.calc-result-actions{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-color)}.btn-report-error{flex-shrink:0;font-size:var(--text-sm);border:1px solid var(--border-color);padding:.4rem .75rem}.basic-calculator .calc-result-actions{margin-top:var(--space-4);border-top:1px solid var(--border-color);padding-top:var(--space-3)}.calc-report-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#14181f73;display:flex;align-items:center;justify-content:center;padding:1rem}.calc-report-modal.hidden{display:none}.calc-report-dialog{width:min(480px,100%);padding:1.25rem;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-lg, 0 16px 40px rgba(0,0,0,.12))}.calc-report-dialog h3{margin:0 0 .35rem;font-size:var(--text-lg)}.calc-report-hint{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:.9rem;line-height:1.5}.calc-report-dialog .input-label{display:block;margin:.65rem 0 .3rem}.calc-report-dialog textarea,.calc-report-dialog input{width:100%}.calc-report-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.calc-report-feedback{margin-top:.75rem;font-size:var(--text-sm);padding:.5rem .65rem;border-radius:6px}.calc-report-feedback.ok{background:#e6f4ef;color:#0b6e4f}.calc-report-feedback.err{background:#fdecea;color:#b42318}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}.animate-scale-in{animation:scaleIn var(--transition-fast) forwards}.transition-all{transition:all var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.stagger>*:nth-child(1){animation-delay:50ms}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hide-mobile{display:none!important}.hide-desktop{display:block}@media(min-width:480px){:root{--text-4xl: 2.5rem}}@media(min-width:768px){:root{--text-4xl: 3rem}.grid-2{grid-template-columns:repeat(2,1fr)}.hide-mobile{display:block!important}.hide-desktop{display:none!important}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.calc-body{grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,3fr)}}@media(min-width:1280px){:root{--text-4xl: 3.5rem}}.header-nav{position:sticky;top:0;z-index:var(--z-sticky);background:#fbfbfdcc;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border-color);min-height:64px}.header-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-3) var(--container-padding, var(--space-8));flex-wrap:nowrap}.header-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--text-primary);border-radius:var(--radius-sm);color:#fff;font-weight:700;font-size:var(--text-xs);font-family:var(--font-mono)}.logo-text{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.header-links{display:flex!important;flex-direction:row!important;align-items:center;gap:var(--space-6);white-space:nowrap}.header-link{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-normal);transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-1);cursor:pointer;background:none;border:none;text-decoration:none}.header-link:hover{color:var(--text-primary)}.header-dropdown{position:static}.mega-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-dropdown);max-height:min(70vh,36rem);overflow:auto}.mega-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-5);padding:var(--space-6) var(--container-padding, var(--space-8))}.mega-menu-col{display:flex;flex-direction:column;min-width:0}.mega-menu-links{display:flex;flex-direction:column;gap:1px}.mega-menu-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-blue)}.mega-menu-icon svg{width:100%;height:100%;display:block}.mega-menu-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mega-menu-heading{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-decoration:none;padding:var(--space-2) 0;margin-bottom:var(--space-2);border-bottom:1px solid var(--border-color);transition:color var(--transition-fast)}.mega-menu-heading:hover,.mega-menu-heading .mega-menu-icon{color:var(--color-blue)}.mega-menu-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;padding:.35rem .4rem;margin:0 -.4rem;border-radius:var(--radius-sm, 6px);transition:color var(--transition-fast),background var(--transition-fast);line-height:1.3}.mega-menu-link .mega-menu-icon{color:var(--text-tertiary, var(--text-secondary));opacity:.85}.mega-menu-link:hover{color:var(--text-primary);background:var(--bg-muted, rgba(0, 0, 0, .04))}.mega-menu-link:hover .mega-menu-icon{color:var(--color-blue);opacity:1}.header-dropdown.is-open .header-dropdown-trigger{color:var(--color-blue)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.lang-switch{position:relative}.lang-toggle{gap:var(--space-1);min-width:3.25rem;font-weight:var(--font-weight-semibold);letter-spacing:.02em}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:10.5rem;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);padding:var(--space-1)}.lang-menu.hidden{display:none}.lang-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:0;background:transparent;color:var(--text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer}.lang-menu-item:hover,.lang-menu-item.is-active{background:var(--bg-surface-elevated)}.lang-menu-code{font-weight:var(--font-weight-semibold);font-family:var(--font-mono);min-width:1.75rem;color:var(--text-secondary)}.lang-menu-item.is-active .lang-menu-code{color:var(--color-blue)}html[dir=rtl] .lang-menu{right:auto;left:0}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);min-width:36px;min-height:36px}.mobile-menu{padding:var(--space-4);border-top:1px solid var(--border-color);background:var(--bg-surface)}.mobile-menu.hidden{display:none}.mobile-menu-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--text-base);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.mobile-menu-link:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}footer{margin-top:var(--space-16);border-top:1px solid var(--border-color);background:var(--bg-surface-elevated)}.footer-inner{padding:var(--space-12) var(--container-padding, var(--space-8)) var(--space-6)}.footer-grid{display:grid;grid-template-columns:minmax(260px,1.6fr) 1fr 1fr 1fr;gap:var(--space-8);align-items:start}.footer-brand .header-logo{margin-bottom:var(--space-3)}.footer-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;max-width:300px}.footer-heading{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.08em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:400;line-height:1.5;transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}}.hero-section{position:relative;z-index:2;padding:var(--space-16) var(--container-padding, var(--space-8));min-height:40vh;display:flex;align-items:center;justify-content:center;overflow:visible;width:100%;max-width:100%;margin:0}.hero-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.06}@media(max-width:768px){.hero-bg-shapes{display:none}}.hero-shape-1{width:600px;height:600px;background:var(--color-blue);top:-200px;left:-200px}.hero-shape-2{width:500px;height:500px;background:#a855f7;bottom:-200px;right:-200px}.hero-shape-3{width:400px;height:400px;background:var(--color-blue);top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{position:relative;z-index:1;text-align:center;width:100%;max-width:800px}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:var(--space-4);color:var(--text-primary);letter-spacing:-.03em}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary);max-width:520px;margin:0 auto var(--space-8);line-height:1.5;font-weight:var(--font-weight-normal)}.hero-search{position:relative;max-width:100%;margin:0 auto;z-index:var(--z-dropdown);isolation:isolate}.search-bar-wrapper{position:relative}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--text-lg);z-index:1;color:var(--text-secondary)}.search-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);font-size:var(--text-base);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px #0071e326}.search-input::placeholder{color:var(--text-secondary)}.search-results{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:var(--z-modal)}.search-results.hidden{display:none}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast);text-decoration:none;color:var(--text-primary)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-surface-elevated)}.search-result-icon{width:2rem;height:2rem;min-width:2rem;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-elevated);border-radius:var(--radius-sm);color:var(--color-blue)}.search-result-icon svg{width:1rem;height:1rem}.search-result-info{flex:1;min-width:0}.search-result-title{font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.search-result-desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.search-no-results{padding:var(--space-5);text-align:left;color:var(--text-secondary)}.search-no-results-title{text-align:center;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.search-no-results-hint{text-align:center;font-size:var(--text-sm);margin:0 0 var(--space-4);line-height:1.5}.search-request-form .input-label{display:block;margin:.5rem 0 .25rem;font-size:var(--text-xs)}.search-request-form .input-field{width:100%;margin-bottom:.25rem}.search-request-submit{width:100%;margin-top:var(--space-3)}.search-request-feedback{margin-top:.5rem;font-size:var(--text-sm);padding:.45rem .6rem;border-radius:6px}.search-request-feedback.ok{background:#e6f4ef;color:#0b6e4f}.search-request-feedback.err{background:#fdecea;color:#b42318}.section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.home-page{width:100%;max-width:100%;overflow-x:clip}.section-popular{position:relative;z-index:1;gap:var(--space-6);width:100%;max-width:100%;min-width:0;overflow:hidden}.section-popular .section-title{margin:0}.popular-scroll{display:flex;gap:var(--space-4);width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-3);padding-inline:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}.popular-scroll::-webkit-scrollbar{height:4px}.popular-scroll::-webkit-scrollbar-track{background:transparent}.popular-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.calc-card{display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:var(--text-primary)}.calc-card:hover{box-shadow:var(--shadow-lg)}.popular-card{flex:0 0 auto;width:min(320px,82vw);min-width:min(300px,82vw);max-width:320px;min-height:240px;scroll-snap-align:start}.section-popular .popular-card.card:hover{transform:none}.popular-card .calc-card-desc{flex:1;margin-bottom:0}.popular-card .badge{margin-top:auto;align-self:flex-start}.calc-card-icon{width:2.5rem;height:2.5rem;margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:center;background:var(--bg-surface-elevated);border-radius:var(--radius-md);padding:var(--space-2);color:var(--color-blue);transition:transform var(--transition-normal)}.calc-card-icon svg{width:1.25rem;height:1.25rem}.calc-card:hover .calc-card-icon{transform:scale(1.08)}.calc-card-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.calc-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.badge-primary{background:#0071e314;color:var(--color-blue);font-size:.7rem;font-weight:var(--font-weight-medium);padding:.2em .6em}.category-card{display:flex;gap:var(--space-4);align-items:flex-start;cursor:pointer;text-decoration:none;color:var(--text-primary)}.category-card:hover{box-shadow:var(--shadow-lg)}.category-card-icon{width:3rem;height:3rem;flex-shrink:0;background:var(--bg-surface-elevated);padding:var(--space-3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--cat-color, var(--color-blue))}.category-card-icon svg{width:1.5rem;height:1.5rem}.category-card-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.category-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-2)}.calc-mini-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)!important;cursor:pointer;text-decoration:none;color:var(--text-primary)}.calc-mini-icon{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;color:var(--color-blue);flex-shrink:0}.calc-mini-icon svg{width:1rem;height:1rem}.calc-mini-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.calculator-page{padding-top:var(--space-6);padding-bottom:var(--space-12)}.calculator-page .breadcrumb{margin-bottom:var(--space-6)}.breadcrumb-sep{color:var(--text-secondary)}.calc-page-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.calc-page-icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-elevated);border-radius:var(--radius-md);color:var(--color-blue);flex-shrink:0}.calc-page-icon svg{width:2rem;height:2rem}.calc-page-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);letter-spacing:-.02em}.calc-page-desc{color:var(--text-secondary);font-size:var(--text-base)}.calc-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,3fr);gap:var(--space-6);margin-bottom:0;align-items:stretch;position:relative;z-index:2}.calc-ad-panel{display:flex;flex-direction:column;min-height:280px;padding:var(--space-4)}.calc-ad-inner{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:250px;background:var(--bg-surface-elevated);border:1px dashed var(--border-color);position:relative}.calc-ad-fallback{position:absolute;font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.calc-ad-inner .adsbygoogle[data-adsbygoogle-status=done]~.calc-ad-fallback,.calc-ad-inner:has(iframe) .calc-ad-fallback{display:none}.calc-input-panel,.calc-result-panel{padding:var(--space-6)}.panel-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.input-unit{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal)}.calc-results-container{min-height:200px;display:flex;flex-direction:column;justify-content:center}.calc-result-placeholder{text-align:center;color:var(--text-secondary);padding:var(--space-8)}.placeholder-icon{font-size:3rem;display:block;margin-bottom:var(--space-3);opacity:.4}.calc-results{display:flex;flex-direction:column;gap:var(--space-4)}.result-equal-grid{display:grid;grid-template-columns:repeat(var(--result-cols, 2),minmax(0,1fr));gap:var(--space-4);padding:var(--space-4) 0}.result-equal-item{text-align:center;padding:var(--space-4) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface)}.result-equal-value{font-size:clamp(1.5rem,3.5vw,2.35rem);font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere;word-break:break-word}.result-equal-label{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.result-main{text-align:center;padding:var(--space-6) 0}.result-main-value{font-size:clamp(1.5rem,4vw,3rem);font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:var(--space-2);letter-spacing:-.03em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.result-unit{font-size:.55em;font-weight:600;letter-spacing:-.01em;color:var(--text-secondary);margin-left:.2em;white-space:nowrap}.result-item-value .result-unit{font-size:.85em;font-weight:500}.result-main-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-normal)}.result-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border-color)}.result-item-label{font-size:var(--text-sm);color:var(--text-secondary)}.result-item-value{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);max-width:60%;text-align:right;overflow-wrap:anywhere;word-break:break-word}.calc-visual{margin-top:var(--space-6)}.calc-visual.hidden{display:none}.visual-scale{position:relative;padding:var(--space-8) 0 var(--space-4)}.scale-bar{display:flex;height:6px;border-radius:var(--radius-full);overflow:hidden}.scale-zone{height:100%;transition:all var(--transition-normal)}.scale-marker{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;transition:left var(--transition-slow)}.scale-marker-dot{width:14px;height:14px;background:var(--bg-surface);border-radius:50%;border:3px solid var(--text-primary);box-shadow:var(--shadow-md)}.scale-marker-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--space-1)}.calc-description-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.calc-description-panel h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.calc-description-panel p{color:var(--text-secondary);line-height:1.7;font-size:var(--text-sm)}.related-calculators{margin-top:0;width:100%;clear:both}.calculator-page .calc-disclaimer,.calculator-page .related-calculators,.calculator-page .calc-description-panel{grid-column:1 / -1;width:100%;max-width:none;position:relative;z-index:1}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.basic-calculator{max-width:380px;margin:0 auto var(--space-8);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.basic-calc-display{background:var(--bg-surface-elevated);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);text-align:right;margin-bottom:var(--space-4);min-height:90px;display:flex;flex-direction:column;justify-content:flex-end}.calc-history{font-size:var(--text-sm);color:var(--text-secondary);min-height:1.5rem;font-family:var(--font-mono)}.calc-display-value{font-size:2.25rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;line-height:1.2}.scientific-keys{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.basic-calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.calc-btn{padding:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:none;background:var(--bg-surface-elevated);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);user-select:none;-webkit-user-select:none}.calc-btn:hover{background:#e8e8ed}.calc-btn:active{transform:scale(.95)}.calc-btn-number{background:var(--bg-surface);border:1px solid var(--border-color)}.calc-btn-operator{background:var(--bg-surface-elevated);color:var(--color-blue);font-weight:var(--font-weight-semibold)}.calc-btn-operator:hover{background:#e8e8ed}.calc-btn-action{background:var(--bg-surface-elevated);color:var(--color-error)}.calc-btn-action:hover{background:#e8e8ed}.calc-btn-equals{background:var(--color-blue);color:#fff;border:none}.calc-btn-equals:hover{background:var(--color-blue-hover)}.calc-btn-wide{grid-column:span 2}.calc-btn-func{font-size:var(--text-sm);padding:var(--space-2);background:var(--bg-surface-elevated);color:var(--text-secondary)}.calc-btn-func:hover{background:#e8e8ed;color:var(--text-primary)}.category-page{padding-top:var(--space-6);padding-bottom:var(--space-12)}.category-header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8)}.category-header-icon{font-size:3rem;padding:var(--space-4);border-radius:var(--radius-xl);flex-shrink:0}.category-page-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);letter-spacing:-.02em}.category-page-desc{color:var(--text-secondary);font-size:var(--text-lg)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-main);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease}.loading-overlay.fade-out{opacity:0;pointer-events:none}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spinner-ring{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-text{font-size:var(--text-base);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-overlay);background:var(--bg-surface);border-top:1px solid var(--border-color);box-shadow:0 -4px 24px #0000001a;animation:slideUp .3s ease}.cookie-consent-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--container-padding, var(--space-8));max-width:1400px;margin:0 auto}.cookie-consent-text p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.cookie-consent-text a{color:var(--color-blue);text-decoration:underline}.cookie-consent-actions{display:flex;gap:var(--space-3);flex-shrink:0}.legal-page{max-width:800px;margin:0 auto;padding:var(--space-8) 0}.legal-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-top:var(--space-4);margin-bottom:var(--space-2)}.legal-updated{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-8)}.legal-body{line-height:1.8;color:var(--text-secondary)}.legal-body h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal-body h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-top:var(--space-6);margin-bottom:var(--space-2)}.legal-body p{margin-bottom:var(--space-4)}.legal-body ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-4)}.legal-body ul li{margin-bottom:var(--space-2)}.legal-body strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.footer-company{font-size:var(--text-sm);margin-top:var(--space-2)}.footer-company a{color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}.footer-disclaimer{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-2);opacity:.7}@media(max-width:768px){.cookie-consent-inner{flex-direction:column;text-align:center;gap:var(--space-4);padding:var(--space-4)}.legal-page{padding:var(--space-4) 0}.legal-title{font-size:var(--text-2xl)}}.hidden{display:none!important}.not-found-page{display:flex;justify-content:center;align-items:center;min-height:55vh;padding:var(--space-12) var(--container-padding, var(--space-8))}.not-found-card{width:min(440px,100%);text-align:center;padding:var(--space-10) var(--space-6)}.not-found-code{margin:0;font-size:clamp(3.5rem,10vw,5rem);font-weight:700;letter-spacing:-.06em;line-height:1;color:var(--color-green, #0b6e4f);opacity:.9}.not-found-title{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-2xl);letter-spacing:-.03em}.not-found-text{margin:0 0 var(--space-6);color:var(--text-secondary);line-height:1.55}.not-found-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.hide-mobile{display:flex!important;flex-direction:row}.hide-desktop{display:none}@media(max-width:768px){.hide-mobile{display:none!important}.hide-desktop{display:flex!important}.mega-menu-inner{grid-template-columns:repeat(2,1fr)}.hero-section{padding:var(--space-8) var(--container-padding, var(--space-4));min-height:auto}.hero-title{font-size:2rem}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.calc-body{grid-template-columns:1fr}.calc-ad-panel{min-height:120px;order:3}.grid-3,.grid-4,.related-grid{grid-template-columns:1fr}.calc-page-header,.category-header{flex-direction:column;text-align:center}}@media(min-width:480px)and (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px)and (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-menu-inner{grid-template-columns:repeat(3,1fr)}}.blog-page{width:100%;max-width:100%;padding:var(--space-8) 0;box-sizing:border-box}.blog-header{text-align:center;margin-bottom:var(--space-12)}.blog-title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.blog-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.blog-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--space-6)}.blog-card{display:flex;flex-direction:column;width:100%;min-width:0;text-decoration:none;overflow:hidden;padding:0;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.blog-card:hover .blog-cover-orb--a{transform:translate(-4%,3%) scale(1.06)}.blog-card:hover .blog-cover-orb--b{transform:translate(5%,-4%) scale(1.08)}.blog-card:hover .blog-cover-badge{transform:translate(-50%,-50%) scale(1.05)}.blog-card:hover .blog-cover-watermark{opacity:.14;transform:translate(4%,-2%) scale(1.04)}.blog-cover{--cover-from: #1c2430;--cover-via: #243044;--cover-to: #1a3a52;--cover-accent: #7eb6e8;position:relative;display:block;width:100%;overflow:hidden;isolation:isolate;flex-shrink:0;background:linear-gradient(145deg,var(--cover-from) 0%,var(--cover-via) 48%,var(--cover-to) 100%);color:#fff}.blog-cover--card{width:100%;height:200px;min-height:200px}.blog-cover--hero{width:100%;height:clamp(220px,32vw,320px);min-height:220px;margin-bottom:var(--space-8)}.blog-cover--mini{width:56px;height:56px;min-width:56px;flex-shrink:0}.blog-cover-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 42%),linear-gradient(90deg,transparent 60%,rgba(0,0,0,.18) 100%);pointer-events:none;z-index:1}.blog-cover-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;mix-blend-mode:overlay;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:140px 140px}.blog-cover-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}.blog-cover-orb{transform-origin:center;transition:transform .5s ease}.blog-cover-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:72px;height:72px;display:grid;place-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000038;transition:transform .35s ease}.blog-cover--hero .blog-cover-badge{width:96px;height:96px}.blog-cover--mini .blog-cover-badge{width:100%;height:100%;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.blog-cover-badge svg{width:58%;height:58%;display:block}.blog-cover--mini .blog-cover-badge svg{width:62%;height:62%}.blog-cover-watermark{position:absolute;right:-6%;bottom:-10%;width:58%;height:58%;opacity:.08;z-index:1;pointer-events:none;transition:opacity .35s ease,transform .5s ease}.blog-cover--hero .blog-cover-watermark{width:46%;height:46%;right:-2%;bottom:-8%;opacity:.1}.blog-cover--mini .blog-cover-wash,.blog-cover--mini .blog-cover-noise,.blog-cover--mini .blog-cover-bg,.blog-cover--mini .blog-cover-watermark{display:none}.blog-card-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3)}.blog-card-date{font-size:var(--text-xs);color:var(--text-secondary)}.blog-card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.4}.blog-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;flex:1}.blog-card-read{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.blog-post{width:100%;max-width:800px;margin:0 auto;padding:var(--space-6) 0;box-sizing:border-box}.blog-post-header{margin-bottom:var(--space-8)}.blog-back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;margin-bottom:var(--space-4);transition:color var(--transition-fast)}.blog-back-link:hover{color:var(--color-blue)}.blog-post-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.blog-post-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.3}.blog-post-body{line-height:1.8;color:var(--text-primary);font-size:var(--text-base)}.blog-post-body h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-4)}.blog-post-body p{margin-bottom:var(--space-4);color:var(--text-secondary)}.blog-post-body ul,.blog-post-body ol{margin:0 0 var(--space-4);padding-left:var(--space-6);color:var(--text-secondary)}.blog-post-body li{margin-bottom:var(--space-2)}.blog-post-body a{color:var(--color-blue);text-decoration:underline;text-underline-offset:2px}.blog-post-body strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.blog-post-footer{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-color)}.blog-post-footer h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.blog-related-calcs{margin-bottom:var(--space-8)}.related-calc-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.related-calc-link{padding:var(--space-3) var(--space-5);text-decoration:none;font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.related-calc-link:hover{border-color:var(--color-blue);color:var(--color-blue)}.blog-related-posts{margin-top:var(--space-6)}.blog-card-mini{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);text-decoration:none;margin-bottom:var(--space-3);transition:border-color var(--transition-fast)}.blog-card-mini:hover{border-color:var(--color-blue)}.blog-card-mini h4{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-cover--card{height:168px}.blog-cover--hero{height:200px}.blog-cover-badge{width:64px;height:64px}.blog-cover--hero .blog-cover-badge{width:80px;height:80px}.blog-post-title,.blog-title{font-size:var(--text-2xl)}}@media(prefers-reduced-motion:reduce){.blog-card,.blog-cover-orb,.blog-cover-badge,.blog-cover-watermark{transition:none}.blog-card:hover{transform:none}}