@charset "UTF-8";.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 4px 6px #0000001a}.header .logo img{height:60px;width:auto;border-radius:50%}.header .nav{display:flex}.header .nav .nav-list{display:flex;list-style:none;gap:2rem}.header .nav .nav-list li a{text-decoration:none;color:#333;font-weight:300;transition:color .3s ease;text-transform:uppercase}.header .nav .nav-list li a:hover{color:#007bff}.header .hamburger{display:none;font-size:2rem;cursor:pointer}@media (max-width: 768px){.header .nav{position:absolute;top:100%;right:0;background-color:#fff;width:100%;flex-direction:column;align-items:flex-end;box-shadow:0 4px 6px #0000001a;overflow:hidden;height:0;opacity:0;visibility:hidden;transition:height .3s ease,opacity .3s ease,visibility .3s ease}.header .nav.open{height:200px;opacity:1;visibility:visible}.header .nav .nav-list{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.header .nav .nav-list li{list-style:none;padding:0}.header .nav .nav-list a{font-size:1.1rem;color:#333;text-decoration:none;padding:1rem 2rem;border-radius:8px;transition:background-color .3s ease,color .3s ease}.header .nav .nav-list a:hover{color:#007bff}.header .hamburger{display:block;font-size:2rem;cursor:pointer;color:#333}}.about{padding:2rem;background-color:#f9f9f9;width:100vw}.about h2{font-size:2.5rem;color:#333;text-align:center;margin-bottom:2rem;font-weight:400;position:relative;padding-top:100px}.about .about-content{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.about .about-content .about-text{display:flex;justify-content:center;gap:2rem}.about .about-content .about-text .text-block{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;border:2px solid #ccc;border-radius:8px;max-width:400px;flex-basis:calc(33% - 2rem);transition:transform .3s ease}.about .about-content .about-text .text-block:hover{transform:translateY(-10px)}.about .about-content .about-text .text-block svg{margin-bottom:1rem}.about .about-content .about-text .text-block p{color:#666;margin:0;line-height:1.6}@media (max-width: 1200px){.about .about-text .text-block{flex-basis:calc(50% - 2rem)}}@media (max-width: 909px){.about .about-text{flex-direction:column;align-items:center}.about .about-text .text-block{flex-basis:100%;max-width:100%}.about h2{margin-top:2rem;padding-top:80px}}@media (max-width: 540px){.about h2{margin-top:3rem;padding-top:70px}}.services{padding:2rem;background-color:#f9f9f9;margin:0 auto}.services h2{font-size:2.5rem;color:#333;margin-bottom:2rem;text-align:center;font-weight:400}.services .services-list{text-align:left;width:75%;margin:0 auto}.services .services-list .service-item{margin-bottom:1.5rem;cursor:pointer}.services .services-list .service-item h3{font-size:1.2rem;color:#333;display:flex;justify-content:space-between;align-items:center;background-color:#e0e0e0;padding:.5rem 1rem;border-radius:4px;font-weight:450}.services .services-list .service-item h3:hover{background-color:#d3d3d3}.services .services-list .service-item h3 .arrow{font-size:1rem;transition:transform .3s ease}.services .services-list .service-item h3 .arrow.open{transform:rotate(180deg)}.services .services-list .service-item .service-description{margin-top:.5rem;font-size:1rem;color:#666;background-color:#fff;padding:1rem;border-left:4px solid #333;border-radius:4px;transition:max-height .3s ease}@media (max-width: 768px){.services{padding:1rem}h2{font-size:1.8rem}.services-list{width:90%}.services-list .service-item h3{font-size:1.1rem;padding:.5rem .75rem}.services-list .service-item .service-description{font-size:.95rem;padding:.75rem}}@media (max-width: 480px){.services{padding:1rem}h2{font-size:1.5rem}.services-list{width:100%}.services-list .service-item h3{font-size:1rem;padding:.5rem}.services-list .service-item h3 .arrow{font-size:.9rem}.services-list .service-item .service-description{font-size:.9rem;padding:.5rem}}.contact-form{padding:2rem;background-color:#f4f4f4;border-radius:8px}.contact-form h2{font-size:2.5rem;margin-bottom:1.5rem;color:#333;text-align:center;font-weight:400}.contact-form form{display:flex;flex-direction:column;align-items:center}.contact-form form .form-group{display:flex;flex-direction:column;margin-bottom:1rem;width:100%;max-width:500px}.contact-form form .form-group label{margin-bottom:.5rem;font-size:1rem;color:#666}.contact-form form .form-group input,.contact-form form .form-group select,.contact-form form .form-group textarea{width:100%;padding:.5rem;font-size:.9rem;border:1px solid #ccc;border-radius:4px;background-color:#f5f5f5;color:#333;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.contact-form form .form-group input:focus,.contact-form form .form-group select:focus,.contact-form form .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.contact-form form .form-group input::placeholder,.contact-form form .form-group select::placeholder,.contact-form form .form-group textarea::placeholder{color:#999}.contact-form form .form-group textarea{resize:vertical;min-height:100px}.contact-form form button{padding:.75rem 1.5rem;font-size:1rem;color:#fff;background-color:#333;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.contact-form form button:hover{background-color:#555}.submission-message{position:fixed;top:20%;left:50%;transform:translate(-50%);background-color:#007bff;color:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 4px 8px #0003;font-size:1.2rem;z-index:1000;text-align:center;opacity:0;animation:fadeInOut 3s forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10%)}10%,90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10%)}}.footer{background-color:#666;color:#fff;padding:2rem;text-align:center}.footer .footer-content{max-width:1200px;margin:0 auto}.footer .footer-content p{margin-bottom:1rem;font-size:1rem}.footer .footer-content .footer-links{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.footer .footer-content .footer-links a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease}.footer .footer-content .footer-links a:hover{color:#007bff}.footer .footer-content .footer-links span{color:#999}@media (max-width: 768px){.footer .footer-content .separator{display:none}.footer .footer-content p{font-size:.9rem}.footer .footer-content .footer-links{flex-direction:column;gap:.5rem}.footer .footer-content .footer-links a{font-size:.9rem}}@media (max-width: 480px){.footer{padding:1.5rem}.footer .footer-content p,.footer .footer-content .footer-links a{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html,body{font-family:Roboto,sans-serif;background-color:#f9f9f9}main{background-color:#f9f9f9}body{opacity:0;animation:fadeInPage 1s ease-in-out forwards}@keyframes fadeInPage{to{opacity:1}}header,.about,.services,.contact-form,.about-us,footer{opacity:0;transform:translateY(20px);animation:fadeInSection 1s ease-in-out forwards}header{animation-delay:.3s}.about{animation-delay:.6s}.services{animation-delay:1s}.about-us{animation-delay:1.4s}.contact-form{animation-delay:1.7s}footer{animation-delay:2s}@keyframes fadeInSection{to{opacity:1;transform:translateY(0)}}header:hover,.about:hover,.services:hover,.contact-form:hover,footer:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease}button:hover,a:hover{transform:scale(1.05);color:#333}img{transition:transform .3s ease,box-shadow .3s ease}img:hover{transform:scale(1.05);box-shadow:0 8px 16px #0000001a}header,.about,.services,.contact-form,.about-us,footer{box-shadow:0 4px 8px #0000000d;transition:box-shadow .3s ease}.about-us{text-align:center;padding:2rem;background-color:#f9f9f9}.about-us h2{font-size:2.5rem;color:#333;margin-bottom:2rem;letter-spacing:.1rem;font-weight:400}.about-us .about-team{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;width:75%;margin:0 auto;padding:0}.about-us .about-team .team-member{width:48%;text-align:center;padding:1rem;background-color:#f9f9f9;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #0000001a}.about-us .about-team .team-member:hover{transform:translateY(-10px);box-shadow:0 8px 12px #00000026}.about-us .about-team .team-member img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem;transition:transform .3s ease}.about-us .about-team .team-member img:hover{transform:scale(1.1)}.about-us .about-team .team-member h3{font-size:1.2rem;color:#333;margin-bottom:.5rem;font-weight:600}.about-us .about-team .team-member p{font-size:.9rem;color:#666;margin:0}@media (max-width: 1130px){.about-us .about-team{width:80%}.about-us .about-team .team-member{width:45%}}@media (max-width: 768px){.about-us{padding:1rem}.about-us h2{font-size:1.8rem}.about-us .about-team{width:90%}.about-us .about-team .team-member{width:84%}}@media (max-width: 480px){.about-us{padding:1rem}.about-us h2{font-size:1.5rem}.about-us .about-team,.about-us .about-team .team-member{width:100%}.about-us .about-team img{width:100px;height:100px}.about-us .about-team h3{font-size:1rem}.about-us .about-team p{font-size:.85rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
