:root,body.dark-mode{--radius:12px;--hover:rgba(56,189,248,0.1)}body,body.dark-mode{background:var(--bg-page)}.mobile-menu-btn,.navbar{align-items:center;color:#fff}.ad-box,.highlight,.site-name{font-weight:600}:root{--primary:#1e90ff;--primary-700:#0a6bd8;--bg-page:#f4f6fb;--card-bg:#ffffff;--muted:#6b7280;--glass:rgba(0,0,0,0.06);--shadow:0 6px 18px rgba(16,24,40,0.08);--text-color:#111;--navbar-height:70px}body.dark-mode{--primary:#38aef8;--primary-700:#0ea5e9;--bg-page:#0f172a;--card-bg:#1e293b;--muted:#d5dae1;--glass:rgba(255,255,255,0.06);--shadow:0 4px 14px rgba(0,0,0,0.55);--text-color:#ffffff;color:#f1f5f9}body.dark-mode .calculator-box p,body.dark-mode .left-menu,body.dark-mode .settings-dropdown{background:var(--card-bg);color:#f8fafc}.calculator-box .btn:hover,.hero-search .search-btn:hover,body.dark-mode .navbar{background:var(--primary-700)}body.dark-mode .calculator-box p{color:var(--muted)}body.dark-mode .left-menu a:hover{background:rgba(56,189,248,.15);color:#38bdf8}body.dark-mode .left-menu a.active{background:var(--primary);color:#eeeff2}body.dark-mode .navbar{color:#fff}body.dark-mode .site-footer{background:#020617;color:#e2e8f0}body.dark-mode .footer-links ul li a,body.dark-mode .social-icons a{color:#e2e8f0;opacity:.8}body.dark-mode .social-icons a:hover{color:#38bdf8}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body,html{height:100%}body{color:var(--text-color);padding-top:var(--navbar-height)}.mobile-menu-btn{display:none;gap:8px;cursor:pointer;font-size:22px;padding-right:8px}.navbar{display:flex;gap:12px;justify-content:space-between;background:var(--primary);padding:10px 18px;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}.nav-center,.nav-left{align-items:center;gap:10px}.nav-center,.search-box{position:relative;display:flex}.nav-left{display:flex}.logo{width:200px;height:50px;border-radius:10%;object-fit:cover}.site-name{font-size:1.2rem}.search-box{align-items:center;background:#fff;border-radius:30px;padding:8px 14px;border:1px solid #dcdcdc;transition:box-shadow .2s,border .2s;width:380px}.search-bar,.search-btn{background:0 0;border:none}.search-box:focus-within{border-color:#1e90ff;box-shadow:0 1px 8px rgba(30,144,255,.25)}.search-icon-left{color:#777;font-size:17px}.search-bar{flex:1;outline:0;font-size:16px;padding-left:8px}.search-btn{color:#1e90ff;font-size:18px;cursor:pointer}.desktop-suggestion{position:absolute;top:100%;left:0;width:100%;background:#000;border-radius:0 0 20px 20px;box-shadow:0 4px 16px rgba(0,0,0,.15);display:none;max-height:300px;overflow-y:auto;z-index:999}.desktop-suggestion div{padding:12px 15px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:16px}.desktop-suggestion div:hover,.hero-suggestion div:hover{background:var(--hover)}.highlight{color:#1e90ff}.mobile-search-icon{background:0 0;border:none;font-size:22px;color:#fff;cursor:pointer;display:none}.mobile-search-panel{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a;display:none;flex-direction:column;padding:15px;z-index:2000}.mobile-search-panel.active{display:flex}.mobile-search-top{display:flex;align-items:center;padding:10px 8px;border-bottom:1px solid #2c3e50;gap:12px}.mobile-back-btn,.mobile-mic{background:0 0;border:none;color:#fff;font-size:20px;cursor:pointer}.mobile-search-input{flex:1;background:0 0;border:none;outline:0;color:#fff;font-size:18px}.mobile-suggestion{position:relative;margin-top:10px;width:100%;background:0 0;border-radius:0;box-shadow:none;max-height:calc(100vh - 120px);overflow-y:auto;display:none}.mobile-suggestion div{padding:14px 10px;border-bottom:1px solid #2f3542;color:#d6d6d6}.mobile-suggestion div:hover{background:rgba(255,255,255,.05)}.nav-right,.settings-container{position:relative}.settings-icon{font-size:20px;cursor:pointer;transition:transform .18s;color:inherit}.settings-icon:hover{transform:rotate(22deg)}.settings-dropdown{position:absolute;right:0;top:44px;background:var(--card-bg);color:var(--text-color);border-radius:10px;box-shadow:var(--shadow);width:200px;display:none;overflow:hidden;z-index:1100}.settings-dropdown.active{display:block}.settings-dropdown table{width:100%;border-collapse:collapse}.settings-dropdown td{padding:10px;font-size:14px;cursor:pointer;transition:background .15s}.settings-dropdown td a{display:flex;align-items:center;color:var(--text-color);text-decoration:none;width:100%}.settings-dropdown td a:hover{background:var(--hover);color:var(--primary)}.settings-dropdown i{color:var(--primary);margin-right:8px}.theme-btn{font-size:18px;background:0 0;border:none;cursor:pointer;color:var(--text-color)}.ad-section{width:100%;background:linear-gradient(90deg,#005bea,#00c6fb);padding:10px 0;text-align:center}.ad-box{color:#fff;font-size:16px;padding:0 12px}.main-wrapper{display:flex;gap:20px;padding:30px;align-items:flex-start;max-width:1200px;margin:0 auto;position:relative}.calculator-box,.left-menu,.related-calculators{background:var(--card-bg);padding:18px;box-shadow:var(--shadow)}.left-menu{position:absolute;left:-150px;top:30px;width:264px;border-radius:var(--radius);height:fit-content;z-index:10}.menu-overlay,.scroll-controls{position:fixed;pointer-events:none}.left-menu h2{color:var(--primary);font-size:18px;margin-bottom:12px}.left-menu ul{list-style:none}.left-menu ul li{margin-bottom:10px}.left-menu ul li a{display:block;padding:8px 10px;border-radius:8px;color:var(--text-color);text-decoration:none;transition:.18s}.left-menu ul li a:hover{background:var(--hover);color:var(--primary);padding-left:14px}.left-menu a.active{background:var(--primary);color:#fff;padding-left:12px}.calculator-display{width:78%;margin-left:214px}.calculator-container,.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.calculator-category{grid-column:span 3}.calculator-category h1,h2{margin-bottom:14px;color:var(--primary);background-color:var(--glass);font-size:30px;border-radius:5px;width:100%;height:auto;padding-left:20px}@media (max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}}.calculator-box{border-radius:14px;text-align:center;transition:transform .2s,box-shadow .2s}.calculator-box:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(16,24,40,.12)}.calculator-box .icon{font-size:38px;color:var(--primary);margin-bottom:8px}.calculator-box h3{font-size:18px;margin:8px 0;font-weight:600}.calculator-box p{font-size:14px;color:var(--muted);margin-bottom:12px}.calculator-box .btn{display:inline-block;padding:8px 14px;background:var(--primary);color:#fff;border-radius:8px;text-decoration:none;transition:transform .15s}.calculator-box .btn:hover{transform:translateY(-2px)}.related-calculators{margin-top:18px;border-radius:var(--radius);color:var(--text-color)}.related-calculators h3{font-size:18px;color:var(--primary);margin-bottom:10px}.related-calculators ul{margin-left:18px;color:var(--muted);line-height:1.6}.related-calculators li{margin-bottom:6px}.related-calculators a{color:var(--primary);text-decoration:none}.related-calculators a:hover{text-decoration:underline}.menu-overlay{inset:0;background:rgba(0,0,0,.36);opacity:0;transition:opacity .18s;z-index:900}.menu-overlay.active{opacity:1;pointer-events:auto}@media (max-width:992px){.mobile-menu-btn{display:flex}.nav-center{max-width:none;margin:0 10px}.site-name{font-size:1rem}.main-wrapper{flex-direction:column;padding:16px;max-width:100%;gap:14px}.left-menu{position:fixed;left:-320px;top:0;height:100%;width:280px;padding:18px;box-shadow:2px 0 18px rgba(0,0,0,.12);transition:left .25s,transform .25s;z-index:1000;background:var(--card-bg);border-radius:0;overflow:auto}.left-menu.active{left:0}.menu-overlay{display:block}.calculator-display{width:100%;margin-left:0}.calculator-container{grid-template-columns:repeat(2,1fr);gap:14px}}a:focus,button:focus{outline:rgba(30,144,255,.18) solid 3px;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.site-footer{background:#0f172a;color:#fff;padding:40px 20px 70px;margin-top:40px;width:100%;height:auto}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;max-width:1200px;margin:auto}.footer-about.footer-links,.footer-social{flex:1;min-width:220px;max-width:300px}.footer-about{width:300px}.hero-search,.hero-section{width:100%;position:relative}.footer-about p{line-height:1.6;opacity:.9}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin:8px 0}.footer-links ul li a{color:#fff;text-decoration:none;opacity:.8}.footer-links ul li a:hover{opacity:1}.social-icons a{font-size:22px;margin-right:15px;color:#fff;opacity:.8;transition:.3s}.social-icons a:hover{color:#38bdf8;opacity:1}.footer-bottom{text-align:center;margin:0 0 10px;padding-top:10px;border-top:1px solid #334155;font-size:14px;opacity:.7}@media (max-width:786px){.footer-about,.footer-links,.footer-social{max-width:100%;flex:1 1 100%}}.scroll-controls{right:18px;bottom:300px;display:flex;flex-direction:column;gap:20px;z-index:1400;align-items:center}.scroll-controls .scroll-btn{pointer-events:auto;width:44px;height:44px;border-radius:50%;border:0;background:var(--primary);color:#fff;display:inline-grid;place-items:center;box-shadow:0 6px 18px rgba(16,24,40,.18);cursor:pointer;transition:transform .14s,opacity .14s;opacity:.98}.scroll-controls .scroll-btn:active{transform:translateY(1px) scale(.99)}.scroll-controls .scroll-btn:focus{outline:rgba(30,144,255,.18) solid 3px;outline-offset:3px}.scroll-controls .hidden{opacity:0;visibility:hidden;transform:translateY(6px) scale(.96);pointer-events:none}@media (max-width:600px){.calculator-display{width:100%}.category-grid{grid-template-columns:1fr}:root{--navbar-height:60px}.navbar{padding:10px}.nav-center{display:flex}.search-bar{font-size:13px;padding:8px 10px}.mobile-menu-btn{font-size:20px}.calculator-container{grid-template-columns:repeat(1,1fr)}.calculator-box{padding:14px}.calculator-box h3{font-size:16px}.calculator-box p{font-size:13px}.left-menu{width:260px}.search-suggestion{max-height:240px}.scroll-controls{right:12px;bottom:300px}.scroll-controls .scroll-btn{width:25px;height:25px}}.hero-search{display:flex;align-items:center}.hero-search .search-btn{background:var(--primary);transition:background .3s}@media (max-width:768px){.search-box{display:none}.mobile-search-icon{display:block}.desktop-suggestion{display:none!important}.hero-search{max-width:90%}.hero-search .search-bar{padding:10px 14px;font-size:14px}.hero-search .search-btn{padding:10px 14px}}.hero-suggestion{top:100%;background:var(--card-bg);box-shadow:0 4px 16px rgba(0,0,0,.15)}.hero-suggestion div{display:flex;align-items:center;color:var(--text-color,#333)}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-section{height:auto;background:url("background.png") center center/cover no-repeat;display:flex;justify-content:center;align-items:center;text-align:center;padding-top:200px}.hero-section::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}.hero-content{position:relative;z-index:10;color:#fff;max-width:600px}.website-name{font-size:48px;font-weight:800;margin-bottom:10px;animation:.8s ease-out .4s both fadeInDown}.tagline{font-size:20px;margin-bottom:25px;opacity:.9;animation:.8s ease-out .6s both fadeInUp}.hero-search{display:flex;align-items:center;max-width:500px;background:rgba(255,255,255,.95);border-radius:30px;overflow:visible;margin:0 auto 25px;animation:.8s ease-out .7s both fadeInUp;z-index:5}.hero-search .search-bar{flex:1;border:0;padding:12px 16px;font-size:16px;outline:0;background:0 0}.hero-search .search-btn{background:var(--primary);border:0;color:#fff;padding:12px 16px;cursor:pointer;border-radius:0 30px 30px 0}.hero-suggestion{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:var(--card-bg);border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.08);display:none;max-height:280px;overflow-y:auto;z-index:9999;text-align:left}.hero-suggestion div{padding:12px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:var(--text-color)}.hero-suggestion .highlight{font-weight:600;color:var(--primary)}.explore-btn{background:#1e90ff;padding:14px 36px;color:#fff;font-size:18px;border-radius:30px;text-decoration:none;font-weight:600;transition:.3s;display:inline-block;animation:.8s ease-out .9s both fadeInUp}.explore-btn:hover{background:#0b6acb;box-shadow:0 8px 20px rgba(30,144,255,.4);transform:translateY(-2px)}@media (max-width:768px){.website-name{font-size:34px}.tagline{font-size:16px}.hero-search{max-width:100%}.hero-search .search-bar{padding:10px 14px;font-size:14px}.hero-search .search-btn{padding:8px 5px}}