:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400}body{margin:0;padding:0}.logo{height:5rem;width:auto;margin-left:4rem}header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#0a192f;color:#fff;z-index:1000;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;position:relative;height:80px}.mobile-menu,.menu-toggle{display:none}nav ul{display:flex;flex-direction:row;align-items:center;gap:1rem}nav ul li{list-style:none;margin-right:3rem}nav ul li a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease-in-out}nav ul li a:hover{color:#54b3d6}.hero-section{position:relative;overflow:hidden;height:44rem;padding:2rem;background-color:#f5f7fa}.hero-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:float 3s ease-in-out infinite}.hero-backdrop img{width:100%;height:auto;object-fit:cover;opacity:.8;filter:blur(2px)}.main{position:relative;z-index:2;text-align:center}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}input{width:100%;max-width:400px;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.main-btn{background-color:#61dafb;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:1rem;margin-left:.5rem;cursor:pointer}.main-btn:active{background-color:#21a1f1;animation:bounce .3s ease-in-out}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(.9)}60%{transform:scale(1.1)}to{transform:scale(1)}}.main-h2{font-size:2rem;margin-top:2rem;color:#282c34}.service{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1rem;gap:1rem}.service-card1{width:100%;height:150px;max-width:350px;background-color:#f0f0f0;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;text-align:center}.service-carousel{display:none}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#f8f9fa;height:40rem}.contact-backdrop{position:absolute;top:0;right:3rem;width:60vh;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:float 3s ease-in-out infinite}.contact-backdrop img{width:100%;height:auto;object-fit:cover}.contact-tel{animation:bounce 2s infinite}.contact-info{margin-bottom:1rem;font-size:1rem;z-index:1}.contact-info a{color:#007bff;text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:1}.contact-form textarea,.contact-form input{width:300%;max-width:400px;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}input:focus,textarea:focus{outline:none;border:2px solid #21a1f1;box-shadow:0 0 5px #007bff80;transition:all .2s ease-in-out}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;height:70vh}.login-backdrop{position:absolute;top:0;left:6rem;width:60vh;height:100%;z-index:0;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none}.login-backdrop img{width:100%;height:auto;object-fit:cover}.login-form{display:flex;flex-direction:column;align-items:center;gap:1rem}.login-form textarea,.login-form input{width:300%;max-width:400px;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.register{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#f8f9fa;height:70vh}.register-backdrop{position:absolute;top:0;right:3rem;width:60vh;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none}.register-backdrop img{width:100%;height:auto;object-fit:cover}.register-form{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:1}.register-form textarea,.register-form input{width:300%;max-width:400px;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}footer{background-color:#282c34;color:#fff;text-align:center;margin-bottom:0;width:100%;padding:1rem 0;z-index:1000;position:fixed;bottom:0}footer ul{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}footer ul li{list-style:none;margin-right:3rem}footer ul li a{text-decoration:none;font-weight:500}footer ul li a:hover{color:#282c34}@media (max-width: 768px){header{flex-direction:column;align-items:center;position:fixed;height:60px}.logo{position:fixed;left:1rem;margin:0;height:3.5rem}ul{list-style:none;padding:0;margin:0}.menu-toggle{position:fixed;display:block;top:.3rem;right:1rem;font-size:2rem;background:transparent;border:none;z-index:1100;cursor:pointer}.mobile-menu{display:block;position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:right .3s ease-in-out;z-index:1000;padding-top:4rem;box-shadow:-4px 0 12px #0000001a}.mobile-menu.open{right:0}.mobile-menu ul li{margin:1.5rem;text-align:center}.mobile-menu ul li a{text-decoration:none;color:#333;font-size:1.2rem}nav ul{flex-direction:column;align-items:center;display:none}.hero-section{margin-top:0;height:40rem;padding:4rem 2rem 2rem}.hero-backdrop{top:-10rem}.main-input{width:67%}.service{display:none;flex-direction:column;z-index:1000}.service-card1{width:100%;max-width:100%;z-index:1000}.service-carousel{overflow-x:auto;scroll-snap-type:x mandatory;display:flex;-webkit-overflow-scrolling:touch;padding:1rem 0}.carousel-track{display:flex;gap:1rem}.service-card{min-width:80%;height:250px;background-color:#fff;padding:1rem;border-radius:10px;scroll-snap-align:center;box-shadow:0 4px 10px #0000001a;flex-shrink:0;text-align:center}.contact{margin-top:0;padding:5rem 1rem 1rem;height:80dvh}.contact-backdrop{display:none}.contact h1{margin:0}.contact p{margin:.5rem 0;text-align:center}.contact-form{width:30%;max-width:400px}.contact-info{text-align:center}.contact-tel{animation:bounce 2s infinite}.contact-form button{width:200%}.login{margin-top:0;padding:5rem 1rem 1rem;height:70dvh}.login-form{width:30%;max-width:400px}.register{margin-top:0;padding:5rem 1rem 1rem;height:70dvh}.register-form{width:30%;max-width:400px}footer{margin-bottom:0}}@media (min-width: 768px) and (max-width: 1023px){.contact{height:70vh}.contact h1,p{z-index:1000}.contact-backdrop{position:absolute;top:-9rem;right:2rem;width:25vh;height:100%;display:none;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:float 3s ease-in-out infinite}.contact-backdrop img{width:100%;height:auto;object-fit:cover;opacity:.8;filter:blur(1px)}}