:root{--primary:#11a8fd;--background:#e4ebf5;--text:#9baacf;--ftext:#b9e5ff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:hidden}body{background-color:#e4ebf5;font-family:Tahoma,"sans-serif"}.header{z-index:1000;width:100%;padding:30px 0;transition:transform .4s;position:fixed;top:0;right:0}.hide-header{transform:translateY(-120%)}.container{justify-content:space-between;align-items:center;width:90%;margin:2vh auto;display:flex}.nav{align-items:center;gap:17px;display:flex}.logo{color:#11a8fd;font-size:30px;font-weight:700;text-decoration:none}.logo:hover{text-decoration:none}.menu-container{display:inline-block;position:relative}.menu-link{color:#9baacf;cursor:pointer;background-color:#e4ebf5;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:85px;min-height:46px;padding:10px 20px;font-size:20px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:inset 0 -4px 7.5px #c7c7c7,inset 0 4px 7.5px #fff}.menu-link:hover{cursor:pointer;transform:translateY(-3px)}.menu-link.pressed{color:#9baacf;transform:translateY(1px);box-shadow:0 4px 7.5px #fff,0 -4px 7.5px #c7c7c7}.menu-text{display:inline}.hamburger{font-size:28px;display:none}.dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background-color:#e4ebf5;border-radius:15px;width:min(240px,90vw);min-height:260px;padding:15px;transition:all .3s;position:absolute;top:calc(100% + 15px);right:0;transform:translateY(-10px);box-shadow:inset 0 -4px 7.5px #c7c7c7,inset 0 4px 7.5px #fff}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{color:#9baacf;background-color:#e4ebf5;border-radius:10px;margin:6px 0;padding:14px 18px;font-family:peyda," sans-serif";font-size:20px;font-weight:500;line-height:100%;text-decoration:none;transition:all .3s;display:block}.dropdown-menu a:hover{color:#fff;background-color:#36f;border-radius:22px;text-decoration:none;transform:translate(-5px)}.contact-btn{color:#fff;background-color:#36f;border-radius:25px;justify-content:center;align-items:center;min-width:135px;min-height:46px;padding:10px 20px;font-family:peyda;font-size:20px;font-weight:700;line-height:100%;text-decoration:none;transition:all .3s;display:inline-flex}.contact-btn:hover{cursor:pointer;background-color:#0016ec;text-decoration:none;transform:translateY(-3px)}.page{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.page-1,.page-2,.page-3,.page-4{background-color:#0000}.page-1{position:relative}.scroll-indicator{color:#000;text-shadow:0 1px 6px #fff;align-items:center;gap:12px;transition:opacity .2s linear;display:flex;position:absolute;bottom:60px;left:100px}.scroll-circle{border:1.5px dashed #000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;animation:1.8s ease-in-out infinite scroll-bounce;display:flex}.scroll-text{white-space:nowrap;font-size:13px;font-weight:600}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.page-5{background-color:#111;justify-content:flex-start;align-items:flex-start;height:100vh;display:flex}.page-7{position:relative}canvas{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0}.section-title{color:#fff;text-align:right;white-space:nowrap;margin-top:10vh;margin-bottom:475px;margin-right:100px;font-family:Peyda,"sans-serif";font-size:40px;font-weight:600;line-height:125%}.gallery{width:100%;height:100vh;position:absolute;overflow:hidden}.cards{width:14rem;height:18rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.cards li{aspect-ratio:9/16;text-align:center;background-repeat:no-repeat;background-size:contain;border-radius:.8rem;width:14rem;margin:0;padding:0;font-size:2rem;line-height:18rem;list-style:none;position:absolute;top:0;left:0}.actions{justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.actions button{color:#fff;cursor:pointer;background-color:#0000;border:4px solid #fff;border-radius:50px;width:150px;height:50px;font-family:Arial,sans-serif;font-size:28px;font-weight:400;transition:all .3s}a{color:#88ce02;text-decoration:none}a:hover{text-decoration:underline}.drag-proxy{visibility:hidden;position:absolute}.footer{background-color:var(--primary);justify-content:center;align-items:center;height:100vh;display:flex}.footer-column{text-align:right;justify-content:center;width:220px;margin-right:0;display:flex}.footer-column ul{flex-direction:column;gap:50px;margin:0;padding:0;list-style:none;display:flex}.footer-column li{color:#fff;grid-template-columns:24px 1fr;align-items:center;column-gap:12px;display:grid}.footer-column span{white-space:nowrap;text-align:right}.footer-column img{object-fit:contain;width:50px;height:50px}.footer-column a{color:#6e6e73;font-size:14px;line-height:1.4;text-decoration:none;transition:all .2s}.footer-column a:hover{color:#000}.copyright{text-align:left;color:#fff;opacity:.7;width:100%;padding-left:80px;font-family:Peyda,sans-serif;font-size:16px;font-weight:100;position:absolute;bottom:40px;left:0}.scroll-top-btn{color:#000;cursor:pointer;opacity:0;visibility:hidden;z-index:998;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:opacity .3s,transform .3s,background-color .3s,visibility .3s;display:flex;position:fixed;bottom:40px;right:40px;transform:translateY(15px);box-shadow:0 4px 14px #0003}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{background-color:#0016ec;transform:translateY(-4px)}@media (width<=768px){.header{padding:20px 0}.container{gap:15px;width:92%;max-width:100%}.logo{font-size:20px}.nav{gap:10px}.menu-link{min-width:70px;min-height:42px;padding:8px 14px;font-size:16px}.menu-text{display:none}.hamburger{display:inline}.contact-btn{z-index:9999;border:1px solid;border-radius:50px;width:100px;min-width:0;height:35px;min-height:0;font-size:16px;position:fixed;inset:auto auto 49px 36px}.dropdown-menu{text-align:center;width:min(318px,90vw);min-height:260px;margin:0;position:fixed;inset:220px auto auto 50%;transform:translate(-50%,-50%)}.dropdown-menu.active{transform:translate(-50%,-50%)}.dropdown-menu a{text-align:center;padding:16px 0;font-size:20px}.copyright{text-align:center;width:100%;padding-left:0;left:0}.section-title{margin-bottom:475px;margin-right:15px;font-size:20px}.scroll-top-btn{width:44px;height:44px;bottom:30px;right:20px}.scroll-indicator{gap:8px;bottom:40px}.scroll-circle{width:28px;height:28px}.scroll-text{font-size:11px}}@media (width<=480px){.menu-link{border-radius:8px;min-width:60px;min-height:38px;padding:7px 10px;font-size:14px}}@media (width<=359px){.header{padding:12px 0}.container{gap:6px;width:95%}.logo{font-size:19px}.nav{gap:5px}.menu-link{border-radius:7px;min-width:52px;min-height:34px;padding:6px 8px;font-size:13px}}