.site-navbar{position:sticky;top:0;z-index:100;padding:18px 16px 0;background:transparent}.site-navbar-container{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#ffffffd1;border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 16px 40px #0f172a12,0 4px 18px #0f172a0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-navbar-brand{font-size:24px;font-weight:800;letter-spacing:-.03em;color:#0f172a}.site-navbar-links{display:flex;align-items:center;gap:18px}.site-navbar-link{position:relative;font-size:15px;font-weight:600;color:#475569;text-decoration:none;transition:color .18s ease}.site-navbar-link:after{content:"";position:absolute;inset-inline-start:0;bottom:-6px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#7c3aed);transition:width .18s ease}.site-navbar-link:hover{color:#0f172a}.site-navbar-link:hover:after{width:100%}.site-navbar-language-button,.site-navbar-menu-button{border:none;border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px #1118272e;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.site-navbar-language-button:hover,.site-navbar-menu-button:hover{transform:translateY(-2px);box-shadow:0 14px 24px #11182738;opacity:.96}.site-navbar-menu-button{display:none;min-width:48px;justify-content:center;align-items:center}.site-footer{margin-top:76px;background:radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 20%),#0f172a;color:#e5e7eb}.site-footer-container{max-width:1180px;margin:auto;padding:44px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}.footer-section{max-width:460px}.footer-title{margin-bottom:10px;font-size:18px;font-weight:700}.footer-text{font-size:14px;line-height:1.8;color:#9ca3af}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#d1d5db;font-size:14px;text-decoration:none;transition:color .18s ease}.footer-links a:hover{color:#fff}.footer-bottom{padding:16px;border-top:1px solid rgba(148,163,184,.18);text-align:center;font-size:13px;color:#9ca3af}#top,#categories-section,#popular-tools,#search-tools{scroll-margin-top:120px}@media(max-width:768px){.site-navbar{padding:14px 14px 0}.site-navbar-container{flex-wrap:wrap;padding:14px 18px;border-radius:22px}.site-navbar-menu-button{display:inline-flex}.site-navbar-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:10px;padding-top:12px}.site-navbar-links.is-open{display:flex}.site-navbar-link,.site-navbar-language-button{width:100%;text-align:center}.site-navbar-brand{font-size:21px}}@media(max-width:480px){.site-footer-container{padding:34px 16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f7fb;color:#1f2937}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.tool-page{padding:40px 20px}.tool-container{max-width:900px;margin:0 auto}.tool-page-title{font-size:32px;margin-bottom:12px;color:#111827}.tool-page-description{color:#6b7280;margin-bottom:24px;line-height:1.6}.tool-box{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 6px 18px #0000000f;margin-bottom:24px}.tool-label{display:block;font-weight:600;margin-bottom:12px;color:#111827}.age-input-row{display:flex;gap:12px;align-items:center;margin-bottom:20px}.tool-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;outline:none}.tool-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.tool-actions{display:flex;flex-wrap:wrap;gap:12px}.tool-primary-button,.tool-secondary-button{border:none;padding:12px 18px;border-radius:8px;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.tool-primary-button:hover,.tool-secondary-button:hover{transform:translateY(-1px)}.tool-primary-button{background-color:#2563eb;color:#fff}.tool-primary-button:hover{background-color:#1d4ed8}.tool-secondary-button{background-color:#111827;color:#fff}.tool-secondary-button:hover{background-color:#1f2937}.age-use-today-button{white-space:nowrap}.tool-error-message{background-color:#fee2e2;color:#b91c1c;padding:14px 16px;border-radius:10px;margin-bottom:20px}.age-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;opacity:0;transform:translateY(10px)}.age-results-show{animation:fadeSlideUp .35s ease forwards}.result-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 6px 18px #0000000f}.result-card-title{font-size:18px;margin-bottom:8px;color:#111827}.result-card-value{font-size:28px;font-weight:700;color:#111827;word-break:break-word}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.age-results-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tool-page{padding:30px 16px}.tool-page-title{font-size:28px}.tool-box{padding:18px}.age-input-row{flex-direction:column;align-items:stretch}.age-use-today-button{width:100%}.tool-actions{flex-direction:column}.tool-primary-button,.tool-secondary-button{width:100%}.age-results-grid{grid-template-columns:1fr}.result-card{padding:18px}.result-card-value{font-size:24px}}.tool-section{margin-top:20px}.tool-section-title{font-size:18px;margin-bottom:10px;color:#111827}.tool-text{color:#6b7280;line-height:1.7;margin-bottom:0}.bmi-chart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bmi-info-card,.bmi-highlight-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 6px 18px #0000000f}@media(max-width:992px){.bmi-chart-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bmi-chart-grid{grid-template-columns:1fr}.bmi-info-card,.bmi-highlight-card{padding:18px}}.page-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px}.page-loader-spinner{width:34px;height:34px;border:3px solid #dbe3f0;border-top-color:#2563eb;border-radius:50%;animation:quicko-spin .8s linear infinite}.page-loader-text{font-size:15px;color:#4b5563;font-weight:500}@keyframes quicko-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}