.hamburger,body{flex-direction:column}.header-top,.nav-bar{border-bottom:1px solid #f0f0f0}.footer-bottom,.main-title,h1,h2,h3{text-align:center}.desktop-menu li,.nav-bar,h1,h2,h3{position:relative}.clear,.operator,h1,h2,h3{font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center}a{text-decoration:none;color:inherit}header{width:100%;background:#f0f4f8;box-shadow:0 2px 5px rgb(0 0 0 / .3)}.header-top{display:flex;justify-content:center;align-items:center;padding:10px}.logo-link,.desktop-menu li a{display:inline-block;text-decoration:none}.logo-img{max-width:100%;height:auto}.nav-bar{background:#005f73;padding:0 20px;min-height:50px;position:relative}.mobile-menu ul,.nav-menu{list-style:none;margin:0;padding:0}.desktop-menu{display:flex;justify-content:center;align-items:center;gap:30px}.desktop-menu li a{position:relative;padding:15px 0;color:#fff;font-weight:500;transition:color 0.3s}.desktop-menu li a::after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);width:0;height:2px;background:#ffb703;transition:width 0.3s}.desktop-menu li a:hover,.mobile-menu a:hover{color:#ffb703}.desktop-menu li a:hover::after{width:70%}.hamburger{display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%);cursor:pointer;justify-content:space-between;height:24px}.hamburger span{display:block;width:25px;height:3px;background:#fff;border-radius:2px;transition:background 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:240px;height:100%;background:#f0f4f8;z-index:9999;transform:translateX(100%);transition:transform 0.3s;box-shadow:-3px 0 5px rgb(0 0 0 / .1);padding:60px 20px 20px;display:flex;flex-direction:column}.mobile-menu li{margin-bottom:20px}.mobile-menu a{color:#005f73;text-decoration:none;font-size:16px;transition:color 0.2s}.mobile-menu.active{transform:translateX(0)}.footer-menu{display:flex;list-style:none;gap:20px}.footer-menu li a{color:#fff;font-size:16px;transition:color 0.2s}.footer-menu li a:hover{color:#ffb703}.footer-bottom{font-size:14px;color:#a0a0a0}footer{width:100%;background:#000;box-shadow:0 -4px 10px 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}h1,h2,h3{margin:2em 0;padding:1em 1.5em;background:#0026C6;color:#fff;border-radius:10px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;text-align:center;position:relative;overflow:hidden;border:2px solid #fff0;background-clip:padding-box;box-shadow:0 4px 12px rgb(0 0 0 / .2);transition:all 0.3s ease;text-shadow:1px 1px 3px rgb(0 0 0 / .3)}h1:hover,h2:hover,h3:hover{transform:scale(1.03);border:2px solid;border-image:linear-gradient(45deg,#0026C6,#0040E0,#66aaff) 1}h1::after,h2::after,h3::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:4px;background:linear-gradient(90deg,#0026C6,#0040E0);border-radius:2px;transition:width 0.4s ease,left 0.4s ease}h1:hover::after,h2:hover::after,h3:hover::after{width:80%;left:10%}:root{--bg-primary:#1f1f1f;--bg-secondary:#2c2c2e;--border-color:#3a3a3c;--shadow-color:rgba(0, 0, 0, 0.5);--text-color:#f0f0f0;--accent-operator:#00adb5;--accent-equal:#ff5722;--accent-clear:#ff3f34;--btn-bg:#393e46;--btn-hover:#4e555c}.calculator{background:linear-gradient(145deg,#1f1f1f,#252525);border-radius:15px;box-shadow:0 4px 12px var(--shadow-color);padding:25px;width:700px;margin:40px auto;max-width:95%;transition:transform 0.2s ease}.calculator:hover{transform:scale(1.02)}.display{width:100%;height:60px;padding:0 15px;font-size:1.5rem;border:none;border-radius:10px;text-align:right;margin-bottom:20px;background:var(--bg-secondary);box-shadow:inset 0 2px 5px var(--shadow-color);color:var(--text-color)}.display:focus{outline:none}.buttons{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:12px}.calc-btn{display:flex;justify-content:center;align-items:center;background:var(--btn-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;font-size:1.2rem;cursor:pointer;color:var(--text-color);box-shadow:0 4px 6px var(--shadow-color);transition:background 0.15s ease,transform 0.1s ease,box-shadow 0.1s ease;user-select:none}.calc-btn:hover{background:var(--btn-hover)}.calc-btn:active{transform:translateY(2px);box-shadow:0 2px 3px var(--shadow-color)}.operator{background:linear-gradient(145deg,var(--accent-operator),#33c9cc);border-color:var(--accent-operator);color:var(--text-color)}.operator:hover{background:linear-gradient(145deg,#33c9cc,var(--accent-operator))}.equal{background:linear-gradient(145deg,var(--accent-equal),#ff7043);border-color:var(--accent-equal);color:var(--text-color)}.equal:hover{background:linear-gradient(145deg,#ff7043,var(--accent-equal))}.clear{background:linear-gradient(145deg,var(--accent-clear),#ff5b5b);border-color:var(--accent-clear);color:var(--text-color)}.clear:hover{background:linear-gradient(145deg,#ff5b5b,var(--accent-clear))}#history-container{margin-top:25px;width:700px;max-width:95%;margin-left:auto;margin-right:auto}#history{background:var(--bg-secondary);border:1px solid var(--border-color);padding:15px;min-height:60px;max-height:150px;overflow-y:auto;border-radius:10px;box-shadow:0 2px 5px var(--shadow-color)}@media (min-width:769px){.mobile-menu,.overlay{display:none}}#ads-bottom,#ads-top,#ads-top3{width:100%;max-width:728px;min-height:90px;display:flex;justify-content:center;align-items:center;margin-bottom:30px;margin-top:30px}.main-title{font-size:24px;margin:10px 0;color:#fff}.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}#history-container h3,.footer-content{margin-bottom:10px}.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:#f8f8f8}#history p{margin:6px 0;font-size:.95rem;color:var(--text-color)}@media (max-width:768px){.desktop-menu{display:none}.hamburger{display:flex}}@media (max-width:768px){.logo-img{max-width:80%}.desktop-menu{display:none}.hamburger{display:flex}.footer-menu{flex-direction:column;gap:10px}h1,h2,h3{padding:.6em 1em;font-size:1.2rem}h1::before,h2::before,h3::before{width:50%}}@media (max-width:650px){#history-container,.calculator{max-width:550px}.calculator{width:95%}.calc-btn{padding:15px;font-size:1rem}.display{font-size:1.1rem}}@media (max-width:550px){#history-container,.calculator{max-width:500px}.calculator{padding:15px}.calc-btn{padding:12px;font-size:.95rem}.display{font-size:1rem;height:45px}}@media (max-width:480px){.logo-img{max-width:70%}#history-container,.calculator{max-width:450px}.calculator{padding:10px}.calc-btn{padding:10px;font-size:.9rem}}@media (max-width:420px){#history-container,.calculator{max-width:400px}.calc-btn{padding:8px;font-size:.85rem}}@media (max-width:360px){#history-container,.calculator{max-width:340px}.calculator{padding:8px}.calc-btn{padding:6px;font-size:.8rem}.display{font-size:.9rem;height:40px}}@media (max-width:320px){#history-container,.calculator{max-width:300px}.calculator{padding:5px}.calc-btn{padding:5px;font-size:.75rem}.display{font-size:.85rem;height:36px}}