:root{--primary-color:#1e3a8a;--secondary-color:#3b82f6;--text-color:#333333;--bg-color:#f4f4f4;--white:#ffffff;--font-main:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;--transition:.5s all ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-main);background:var(--bg-color);color:var(--text-color);overflow-x:hidden}h1{font-size:clamp(2.5rem, 5vw + 1rem, 4.5rem);line-height:1.2}h2{font-size:clamp(2rem, 4vw + 1rem, 3.5rem);line-height:1.3}section{padding:50px 0}a{text-decoration:none;color:inherit;transition:color 0.3s ease}a:hover{color:inherit}.image-wrap img,.image-wrap video{width:100%;height:100%;object-fit:cover}img{max-width:100%}.text{line-height:1.6;color:var(--text-color);font-size:16px}.btn{border:none;outline:none;cursor:pointer;box-shadow:none}.btn:focus{outline:none;box-shadow:none}ul{list-style:none;margin:0;padding:0}.up{position:fixed;bottom:20px;inset-inline-end:-80px;z-index:99;background:var(--primary-color);border-radius:6px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:25px;padding:10px;color:#fff;cursor:pointer;transition:var(--transition);border:1px solid #fff}.up.active{inset-inline-end:20px}.main-btn{background-color:var(--primary-color);padding:10px;min-width:170px;width:fit-content;color:#fff;text-align:center;display:block;transition:var(--transition);border:1px solid var(--primary-color);margin:0 auto 20px;font-size:18px;display:block;border-radius:0;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;border-radius:8px;cursor:pointer;overflow:hidden}.main-btn::before{content:'';position:absolute;top:-50%;inset-inline-start:-100%;width:200%;height:200%;background:linear-gradient(0deg,transparent,transparent 30%,#ffffffbd);transform:rotate(-45deg);transition:all 1s ease;opacity:0}.main-btn:hover::before{opacity:1;transform:rotate(-45deg) translateY(500%)}.main-btn.reversed{background-color:#fff0;color:#fff;border:2px solid #fff}.main-btn.reversed:hover{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:#0000007d;z-index:100;opacity:0;visibility:hidden;transition:var(--transition)}.overlay.active{opacity:1;visibility:visible;transition:var(--transition)}.toggle-btn{display:flex;flex-direction:column;width:31px;height:21px;justify-content:space-between;cursor:pointer;flex:0 0 10.5%;max-width:32px;.bar{background-color:var(--primary-color);width:100%;height:3px}}