body{font-family:Comfortaa,sans-serif;background-color:#050505;color:#fff;margin:0;padding:0;overflow:auto;-webkit-overflow-scrolling:touch}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #00bcd4;outline-offset:3px;border-radius:3px}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#050505;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1}#loader{display:block;text-align:center}#loader img{width:250px;height:250px;margin-bottom:20px}#phrases-container{display:none;text-align:center;min-width:327px}#phrases-container h2{text-align:left}.phrase{display:none;opacity:0;font-size:1.5em;transition:opacity 1s ease-in-out}.phrase.active{display:flex;opacity:1}.static-part,.dynamic-part{font-size:1em;opacity:0}.static-part:before{content:"•";font-size:1.5em;position:relative;top:7px;margin-right:10px;display:inline-block}header{padding:0;position:fixed;width:100%;top:0;z-index:1000;display:block;background:#050505}.container{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;padding:20px 40px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.logo-text{font-size:1.5em;cursor:pointer;text-transform:lowercase;margin-left:5px}.logo img{cursor:pointer;height:30px;width:30px}nav ul{list-style:none;display:flex;gap:13px}nav a{text-decoration:none;position:relative;padding-left:20px;transition:transform .3s ease;color:#fff}nav a:before{content:"•";font-size:40px;position:absolute;left:0;top:12px;transform:translateY(-50%);opacity:0;transition:opacity .3s ease,transform .3s ease}nav a.active:before{opacity:1;transform:translateY(-50%) scale(1.2)}nav a.active{transform:scale(1.05)}#menu-toggle{display:none;background:none;border:none;cursor:pointer;font-size:24px;color:#fff}#close-menu{display:none;background:none;position:fixed;right:20px;top:20px;border:none;cursor:pointer;font-size:24px;color:#fff}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:none;flex-direction:column;align-items:flex-start;padding:0;z-index:999;opacity:0}.menu-content{text-align:left;padding:40px;width:100%;margin-top:50px}.menu-content ul{list-style:none;padding:0}.menu-content li{margin:40px 0}.menu-content a,.menu-content a:visited,.menu-content a:active{font-size:1.5em;text-decoration:none;display:block;transition:color .3s;font-weight:700;color:#fff}.menu-content a:hover{color:#00bcd4}.section{position:relative;box-sizing:border-box;min-height:100vh;height:100%;padding:90px 20px 40px;text-align:center;max-width:800px;margin:0 auto;text-align:left}.scroll-indicator-container{position:absolute;bottom:90px;left:50%;transform:translate(-50%);cursor:pointer}h2.section-title,h2.section-title:before{font-size:2em}h3.section-title{font-size:1.2em}h3.section-title:before{font-size:2.5em}.section-title{margin-bottom:50px;margin-top:0;position:relative}.section-title:before{content:"•";position:relative;top:15px;margin-right:7px;display:inline-block}.team-container{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;max-width:1200px;margin:0 auto}.team-member{transition:transform .3s ease;position:relative}.team-member img{border-radius:50%;width:150px;height:150px;margin-bottom:20px;background-color:#888;object-fit:cover;display:block;margin-left:auto;margin-right:auto;will-change:transform,opacity}.team-member h3{margin:0 0 10px;font-size:1.5em;text-transform:lowercase;text-align:center}.role{font-weight:700;margin-bottom:20px;text-transform:lowercase;text-align:center}.description{font-size:1em;line-height:1.7;text-align:left;max-width:500px;margin:0 auto;text-transform:lowercase}.description p{margin-bottom:5px}.section-content{max-width:100%;margin:0 auto;font-size:1.1em;line-height:1.6}.section-content p{margin-bottom:20px}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);animation:bounce 1.5s infinite;z-index:1000;transition:opacity .3s ease;padding:10px 20px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:10px}.scroll-indicator img{width:20px;opacity:.8;transition:opacity .3s ease}.scroll-indicator span{color:#fff;font-size:1em}.scroll-indicator:hover img{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}#sections{display:none}.contact-form{margin:30px auto;max-width:600px;padding:0 20px}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-group label{margin-bottom:5px;font-size:1rem;flex-basis:100%}.form-group label:before{content:"•";font-size:1.5em;position:relative;top:5px;margin-right:7px;display:inline-block}.form-group input,.form-group textarea{padding:10px;font-size:1em;border:none;border-radius:5px;background-color:#b0b0b0;color:#333;outline:none;width:100%;box-sizing:border-box}.submit-label:before{color:#050505!important}.submit-btn{display:block;padding:10px 30px;font-size:1.2em;border:none;border-radius:5px;background:none;cursor:pointer;transition:background-color .3s ease;max-width:200px;float:right;color:#fff}.submit-btn:hover{background-color:#fff;color:#050505}@media (min-width: 769px){.form-group{flex-direction:row;align-items:center}.form-group label{flex-basis:20%;margin-bottom:0;margin-right:20px}.form-group input,.form-group textarea{flex-grow:1}}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:50px auto 0;justify-items:center}.logo-item{position:relative;text-align:center;width:100%;max-height:120px;display:flex;align-items:center;justify-content:center;text-decoration:none;margin:7px auto}.logo-item img{max-width:100%;transition:opacity .3s ease;max-height:100%;height:auto;width:auto}.logo-item .project-name{position:absolute;opacity:0;font-size:1em;transition:opacity .3s ease;color:#fff}.logo-item:hover img{opacity:0}.logo-item:hover .project-name{opacity:1}@media (max-width: 768px){.container{padding:20px}.logo img{height:30px}nav ul{display:none}#menu-toggle{display:block;position:fixed;right:20px;top:20px;z-index:1001}.section-title{margin-bottom:20px}.section{padding:70px 20px}.scroll-indicator-container{bottom:70px}.team-container{grid-template-columns:repeat(1,1fr)}.logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1200px;margin:50px auto 0;justify-items:center}}.back-to-top{color:#fff;padding:10px 20px;border-radius:30px;cursor:pointer;transition:transform .3s;display:none;align-items:center;gap:10px;background:#050505cc}.back-to-top.visible{display:flex}.back-to-top:hover{transform:translateY(-5px)}.back-to-top img{width:20px;height:20px;transform:rotate(180deg)}.next-section{color:#fff;padding:10px 20px;border-radius:30px;cursor:pointer;transition:transform .3s;display:none;align-items:center;gap:10px;background:#050505cc}.next-section.visible{display:flex}.next-section:hover{transform:translateY(-5px)}.next-section img{width:20px;height:20px}.to-top{color:#fff;padding:10px 20px;border-radius:30px;cursor:pointer;transition:transform .3s;display:none;align-items:center;gap:10px}.to-top.visible{display:flex}.to-top:hover{transform:translateY(-5px)}.scroll-buttons{position:fixed;bottom:40px;left:50%;width:100%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:10px;z-index:1000}
