*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;align-items:center}a{text-decoration:none;color:inherit}header{width:100%;box-shadow:0 3px 10px rgb(0 0 0 / .1);background:linear-gradient(135deg,#ffffff,#f7faff)}.header-top{display:flex;justify-content:center;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0}.logo-link{display:inline-block;text-decoration:none}.logo-img{max-width:100%;height:auto;width:auto}@media (max-width:768px){.logo-img{max-width:80%}}@media (max-width:480px){.logo-img{max-width:70%}}.nav-bar{position:relative;background-color:#f0faff;border-bottom:1px solid #dfefff;padding:0 20px;min-height:60px}.nav-menu{list-style:none;margin:0;padding:0}.desktop-menu{display:flex;justify-content:center;align-items:center;gap:30px}.desktop-menu li{position:relative}.desktop-menu li a{display:inline-block;padding:15px 0;text-decoration:none;color:#333;font-weight:500;font-family:'Arial',sans-serif;transition:color 0.3s}.desktop-menu li a::after{content:"";display:block;width:0;height:2px;background:#ff4081;transition:width 0.3s;margin:0 auto}.desktop-menu li a:hover{color:#ff4081}.desktop-menu li a:hover::after{width:70%}.hamburger{display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%);cursor:pointer;flex-direction:column;justify-content:space-between;height:24px}.hamburger span{display:block;width:25px;height:3px;background:#333;border-radius:2px;transition:0.3s}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .4);z-index:9998;display:none}.overlay.active{display:block}.mobile-menu{position:fixed;top:0;right:0;width:260px;height:100%;background:#fff;z-index:9999;transform:translateX(100%);transition:transform 0.3s ease;box-shadow:-4px 0 8px rgb(0 0 0 / .1);padding:70px 20px 20px 20px;display:flex;flex-direction:column}.mobile-menu ul{list-style:none;padding:0;margin:0}.mobile-menu li{margin-bottom:20px}.mobile-menu a{color:#333;text-decoration:none;font-size:16px;transition:color 0.2s}.mobile-menu a:hover{color:#ff4081}footer{width:100%;background:#f8faff;box-shadow:0 -3px 8px rgb(0 0 0 / .1);border-radius:10px 10px 0 0;margin-top:auto;padding:20px;display:flex;flex-direction:column;align-items:center}.footer-content{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.footer-menu{display:flex;list-style:none;gap:20px}.footer-menu li a{color:#333;font-size:16px;transition:color 0.2s}.footer-menu li a:hover{color:#2196f3}.mobile-menu.active{transform:translateX(0)}@media (max-width:768px){.desktop-menu{display:none}.hamburger{display:flex}}@media (min-width:769px){.mobile-menu{display:none}.overlay{display:none}}@media (max-width:768px){.desktop-menu{display:none}.hamburger{display:flex}}#ads-top,#ads-top3,#ads-bottom{width:100%;max-width:728px;min-height:90px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}#ads-top,#ads-top3,#ads-bottom{margin-bottom:30px;margin-top:30px}.main-title{font-size:24px;margin:10px 0;color:#333;text-align:center}.extra-content{width:100%;margin-top:20px;margin-bottom:40px;padding:20px;background:#fff;color:#333;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .1);font-size:16px;line-height:1.6}.extra-content img{display:block;width:100%;height:auto;border-radius:6px;margin-bottom:15px}.extra-content h2{font-size:18px;margin:15px 0 10px;color:#333}@media (max-width:768px){.footer-menu{flex-direction:column;gap:10px}}.footer-bottom{text-align:center;font-size:14px;color:#666}h2,h3,h1{position:relative;padding:.8em 1.5em;margin:1.5em 0;background:#e5eaff;border:1px solid var(--global-palette1,#25487e);border-radius:8px;box-shadow:0 6px 12px rgb(0 0 0 / .1);font-family:'Verdana',sans-serif;color:#1a3a6a;font-size:1.4rem;font-weight:700;text-align:center;letter-spacing:1px;overflow:hidden;position:relative}h2::before,h1::before,h3::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:8px;background:var(--global-palette1,#2c4e8a);border-radius:4px}h2::after,h1::after,h3::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(to right,#25487e,#fff0)}h2:hover,h1:hover,h3:hover{background:#d8e5ff;border-color:rgb(37 72 126 / .8);box-shadow:0 8px 14px rgb(0 0 0 / .15)}@media (max-width:768px){h2,h1,h3{padding:.6em 1em;font-size:1.2rem}h2::before,h1::before,h3::before{width:50%}}.calculator{background:#fdf7f0;border-radius:10px;box-shadow:0 0 20px rgb(0 0 0 / .2);padding:20px;width:700px;margin:30px auto;margin-top:35px;border:1px solid #000;margin-bottom:25px;max-width:90%}.display{width:100%;height:50px;padding:0 10px;font-size:1.2rem;border:none;border-radius:5px;text-align:right;margin-bottom:15px;background:#fff;border:1px solid #000;box-shadow:inset 0 1px 2px rgb(0 0 0 / .2)}.display:focus{outline:none}.buttons{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px}.calc-btn{display:flex;justify-content:center;align-items:center;background:linear-gradient(#ffe8d6,#ffd4b2);border:1px solid #e0a96d;border-radius:5px;padding:18px;font-size:1.1rem;cursor:pointer;box-shadow:0 3px 0 rgb(0 0 0 / .2);transition:all 0.1s ease;user-select:none}.calc-btn:active{transform:translateY(2px);box-shadow:0 1px 0 rgb(0 0 0 / .4)}.operator{background:linear-gradient(135deg,#ff7f50,#ff4500);border-color:#cc3700;color:#fff;font-weight:700}.equal{background:linear-gradient(#ffa62b,#ff7f11);border-color:#cc6b09;color:#fff}.clear{background:linear-gradient(#d72638,#a2202b);border-color:maroon;color:#fff;font-weight:700}#history-container{margin-top:20px;width:700px;max-width:90%;margin-left:auto;margin-right:auto}#history-container h3{margin-bottom:10px}#history{background:#fff;border:1px solid #ccc;padding:10px;min-height:50px;max-height:150px;overflow-y:auto;border-radius:5px}#history p{margin:5px 0;font-size:.9rem}@media (max-width:650px){.calculator{width:95%;max-width:550px}#history-container{max-width:550px}.calc-btn{padding:15px;font-size:1rem}.display{font-size:1.1rem}}@media (max-width:550px){.calculator{max-width:500px;padding:15px}#history-container{max-width:500px}.calc-btn{padding:12px;font-size:.95rem}.display{font-size:1rem;height:45px}}@media (max-width:480px){.calculator{max-width:450px;padding:10px}#history-container{max-width:450px}.calc-btn{padding:10px;font-size:.9rem}}@media (max-width:420px){.calculator{max-width:400px}#history-container{max-width:400px}.calc-btn{padding:8px;font-size:.85rem}}@media (max-width:360px){.calculator{max-width:340px;padding:8px}#history-container{max-width:340px}.calc-btn{padding:6px;font-size:.8rem}.display{font-size:.9rem;height:40px}}@media (max-width:320px){.calculator{max-width:300px;padding:5px}#history-container{max-width:300px}.calc-btn{padding:5px;font-size:.75rem}.display{font-size:.85rem;height:36px}}