.navbar{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.menu{list-style:none;display:flex}.menu li{position:relative}.menu li a{color:#009;text-decoration:none;padding:12px 15px;display:block;transition:0.3s}.menu li a:hover{background:#f2f2f2;color:red}.submenu{position:absolute;top:100%;left:0;min-width:250px;background:var(--saffron);list-style:none;display:none;z-index:999}.submenu li{width:100%}.submenu li a{color:#fff}.menu li:hover>.submenu{display:block}.submenu .submenu{top:0;left:100%}.menu-toggle{display:none;flex-direction:column;cursor:pointer}.menu-toggle span{width:28px;height:3px;background:#333;margin:4px 0;border-radius:5px}@media(max-width:768px){.menu-toggle{display:flex}.menu{position:absolute;top:70px;left:0;width:100%;background:#eee;flex-direction:column;display:none}.menu.active{display:flex}.menu li{width:100%}.menu li a{border-top:1px solid rgb(255 255 255 / .08)}.submenu{position:static;display:none;background:#333}.submenu .submenu{position:static;background:#000}.menu li.open>.submenu{display:block}.submenu-toggle{float:right;font-size:14px}}.calculator{background:#f4f7fb;padding:25px;border-radius:10px;margin:20px 0}label{display:block;margin-top:15px;font-weight:700}input{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:5px}button{background:#1E73BE;color:#fff;border:none;padding:12px 20px;margin-top:20px;cursor:pointer;border-radius:5px}.result{margin-top:20px;font-size:24px;font-weight:700;color:green}table{width:100%;border-collapse:collapse;margin:20px 0}table,th,td{border:1px solid #ddd}th,td{padding:12px;text-align:left}.calculator-dropdown{width:100%;padding:12px 15px;font-size:16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#333;outline:none;transition:all 0.3s ease;box-sizing:border-box}.calculator-dropdown:focus{border-color:#1E73BE;box-shadow:0 0 5px rgb(30 115 190 / .3)}.calculator-dropdown:hover{border-color:#1E73BE}