:root{--color-bg:#f0f2f5;--color-surface:#fff;--color-primary:#1a1f36;--color-primary-light:#2d3354;--color-accent:#00c9a7;--color-accent-hover:#00b396;--color-accent-glow:#00c9a726;--color-text:#1a1f36;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-glow:0 0 20px var(--color-accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;padding:0 var(--space-md);margin:0 auto}.header{background:var(--color-primary);color:#fff;z-index:100;box-shadow:var(--shadow-md);position:sticky;top:0}.header__inner{align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;display:flex}.header__logo{color:#fff;font-weight:800;font-size:var(--font-size-2xl);transition:transform var(--transition-fast);flex-shrink:0;align-items:baseline;display:flex}.header__logo:hover{color:#fff;transform:scale(1.05)}.header__logo-icon{color:var(--color-accent)}.header__logo-suffix{color:#fff;font-weight:600}.header__search{flex:1;max-width:500px}.header__nav{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.header__lang-switch{border-radius:var(--radius-sm);background:var(--color-primary-light);color:#fff;width:40px;height:40px;font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.header__lang-switch:hover{background:var(--color-accent);color:#fff;transform:scale(1.05)}.main{padding:var(--space-xl) 0 var(--space-3xl);flex:1}.breadcrumbs{margin-bottom:var(--space-lg)}.breadcrumbs__list{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);list-style:none;display:flex}.breadcrumbs__item+.breadcrumbs__item:before{content:"→";margin-right:var(--space-sm);color:var(--color-text-muted)}.breadcrumbs__item a{color:var(--color-text-secondary)}.breadcrumbs__item a:hover{color:var(--color-accent)}.footer{background:var(--color-primary);color:#ffffffb3;padding:var(--space-xl) 0;margin-top:auto}.footer__inner{justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer__logo{font-size:var(--font-size-xl);color:#fff;font-weight:800}.footer__tagline{font-size:var(--font-size-sm);margin-top:var(--space-xs)}.footer__info{text-align:right;font-size:var(--font-size-sm)}.footer__disclaimer{margin-top:var(--space-xs);font-size:var(--font-size-xs);opacity:.6}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);transition:all var(--transition-base);border:1px solid var(--color-border-light)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--link{color:inherit;cursor:pointer;display:block}.card--link:hover{color:inherit}.categories-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.category-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);display:flex}.category-card__icon{border-radius:var(--radius-md);background:var(--color-accent-glow);width:56px;height:56px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.card:hover .category-card__icon{background:var(--color-accent);color:#fff;transform:scale(1.1)}.category-card__info h3{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);font-weight:700}.category-card__info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.category-card__count{font-size:var(--font-size-xs);color:var(--color-accent);margin-top:var(--space-xs);font-weight:600}.tools-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.tool-card{padding:var(--space-lg)}.tool-card__type{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);margin-bottom:var(--space-md);font-weight:600;display:inline-block}.tool-card__type--calculator{color:var(--color-info);background:#3b82f61a}.tool-card__type--reference{color:var(--color-success);background:#10b9811a}.tool-card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);font-weight:700}.tool-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.search-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:var(--font-family);border-radius:var(--radius-full);background:var(--color-primary-light);color:#fff;transition:all var(--transition-base);border:2px solid #0000;outline:none;padding-left:40px}.search-input::placeholder{color:#ffffff80}.search-input:focus{border-color:var(--color-accent);background:var(--color-primary-light);box-shadow:var(--shadow-glow)}.search-wrapper{position:relative}.search-wrapper__icon{color:#ffffff80;pointer-events:none;font-size:var(--font-size-sm);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-results{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);z-index:200;max-height:300px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto}.search-results__item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--color-text);transition:background var(--transition-fast);display:flex}.search-results__item:hover{background:var(--color-bg);color:var(--color-text)}.search-results__item-type{font-size:var(--font-size-xs);color:var(--color-text-muted)}.hero{text-align:center;padding:var(--space-3xl) 0 var(--space-2xl)}.hero__title{font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--space-md);font-weight:800;line-height:1.2}.hero__title-accent{color:var(--color-accent)}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-xl)}.hero__search{max-width:600px;margin:0 auto}.hero__search .search-input{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);box-shadow:var(--shadow-md);padding-left:48px}.hero__search .search-input::placeholder{color:var(--color-text-muted)}.hero__search .search-input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.hero__search .search-wrapper__icon{color:var(--color-text-muted);font-size:var(--font-size-base);left:18px}.section-header{margin-bottom:var(--space-xl)}.section-header__title{font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:800}.section-header__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--space-xs)}.calc-form{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);padding:var(--space-xl)}.calc-form__group{margin-bottom:var(--space-lg)}.calc-form__label{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:600;display:block}.calc-form__input{width:100%;padding:var(--space-md);font-size:var(--font-size-lg);font-family:var(--font-family);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--color-bg);outline:none;font-weight:600}.calc-form__input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-glow);background:#fff}.calc-form__select{width:100%;padding:var(--space-md);font-size:var(--font-size-base);font-family:var(--font-family);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none}.calc-form__select:focus{border-color:var(--color-accent)}.calc-form__row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.calc-form__toggle{background:var(--color-bg);border-radius:var(--radius-full);margin-bottom:var(--space-xl);border:1px solid var(--color-border);padding:3px;display:flex}.calc-form__toggle-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);background:0 0;border:none;flex:1;font-weight:600}.calc-form__toggle-btn--active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.results{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-lg)}.results__title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:var(--space-lg);font-weight:600}.results__main-value{font-size:var(--font-size-4xl);color:var(--color-accent);margin-bottom:var(--space-xl);font-weight:800;line-height:1}.results__main-label{font-size:var(--font-size-sm);color:#fff9;margin-top:var(--space-xs)}.results__breakdown{gap:var(--space-md);flex-direction:column;display:flex}.results__row{padding-bottom:var(--space-md);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.results__row:last-child{border-bottom:none;padding-bottom:0}.results__row-label{font-size:var(--font-size-sm);color:#ffffffb3}.results__row-value{font-size:var(--font-size-base);font-weight:600}.results__section-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-top:var(--space-lg);margin-bottom:var(--space-md);font-weight:600}.ref-table-wrapper{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden}.ref-table-search{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light)}.ref-table-search__input{width:100%;padding:var(--space-md);font-size:var(--font-size-base);font-family:var(--font-family);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.ref-table-search__input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.ref-table{border-collapse:collapse;width:100%}.ref-table thead{background:var(--color-bg)}.ref-table th{text-align:left;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.ref-table td{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm)}.ref-table tbody tr{transition:background var(--transition-fast)}.ref-table tbody tr:hover{background:var(--color-accent-glow)}.ref-table__code{color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);font-family:SF Mono,Fira Code,monospace;font-weight:600}.ref-table__code:hover{color:var(--color-accent)}.ref-table__copy-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast);background:0 0;display:inline-flex}.ref-table__copy-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.mrp-table{border-collapse:collapse;width:100%}.mrp-table th,.mrp-table td{padding:var(--space-md) var(--space-lg);text-align:center;border:1px solid var(--color-border-light)}.mrp-table thead th{background:var(--color-primary);color:#fff;font-weight:600;font-size:var(--font-size-sm)}.pagination-wrapper{padding:var(--space-lg);background:var(--color-surface)}.custom-pagination{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.custom-pagination__btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:600}.custom-pagination__btn:hover:not(.custom-pagination__btn--disabled){background:var(--color-bg);border-color:var(--color-border-light);color:var(--color-accent)}.custom-pagination__btn--disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg);color:var(--color-text-muted)}.custom-pagination__pages{align-items:center;gap:var(--space-xs);flex-wrap:wrap;justify-content:center;display:flex}.custom-pagination__page{min-width:36px;height:36px;padding:0 var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;display:flex}.custom-pagination__page:hover:not(.custom-pagination__page--active){background:var(--color-bg);color:var(--color-primary)}.custom-pagination__page--active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.custom-pagination__dots{color:var(--color-text-muted);padding:0 var(--space-xs);font-weight:600}.mrp-table tbody td{font-size:var(--font-size-base);font-weight:500}.mrp-table tbody tr:nth-child(2n){background:var(--color-bg)}.mrp-table tbody tr:hover{background:var(--color-accent-glow)}.mrp-table__current{background:var(--color-accent-glow)!important;font-weight:700!important}.mrp-table__value{color:var(--color-primary);font-weight:700;font-size:var(--font-size-lg)}.faq{margin-top:var(--space-2xl)}.faq__title{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--space-lg);font-weight:700}.faq__item{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-md);transition:all var(--transition-base);overflow:hidden}.faq__question{width:100%;padding:var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;text-align:left;transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.faq__question:hover{color:var(--color-accent)}.faq__answer{padding:0 var(--space-lg) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.pagination{justify-content:center;gap:var(--space-xs);padding:var(--space-lg);display:flex}.pagination a,.pagination span{min-width:36px;height:36px;padding:0 var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.pagination a{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.pagination a:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination span.active{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent)}.page-title{margin-bottom:var(--space-xl)}.page-title__heading{font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--space-sm);font-weight:800}.page-title__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.5}@media (width<=768px){:root{--font-size-3xl:1.75rem;--font-size-4xl:2rem}.header__search{display:none}.header__inner{padding:var(--space-sm) 0}.categories-grid{gap:var(--space-md);grid-template-columns:1fr 1fr}.category-card{text-align:center;padding:var(--space-md);flex-direction:column}.tools-grid,.calc-form__row{grid-template-columns:1fr}.footer__inner{text-align:center;flex-direction:column}.footer__info{text-align:center}.results__main-value{font-size:var(--font-size-3xl)}.ref-table th,.ref-table td{padding:var(--space-sm) var(--space-md)}.hero{padding:var(--space-xl) 0 var(--space-lg)}}@media (width<=480px){.categories-grid{grid-template-columns:1fr}.calc-form__toggle{flex-direction:column}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-pulse{animation:2s infinite pulse}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.font-bold{font-weight:700}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}