*{margin:0;padding:0;box-sizing:border-box;button[type="submit"] {
        font-family: inherit;
        font-size: 16px;
    }
}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background: linear-gradient(
        135deg,
        #0c0c0c 0%,
        #1a1a2e 15%,
        #16213e 35%,
        #0f3460 50%,
        #533a7d 70%,
        #8b5a8c 85%,
        #a0616a 100%
    );min-height:100vh;overflow-x:hidden}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.shape{position:absolute;background:rgba(255,255,255,.08);animation:float 6s ease-in-out infinite;box-shadow:0 8px 32px rgba(255,255,255,.1)}.shape:nth-child(1) {width:120px;height:80px;border-radius:15px;top:20%;left:10%;animation-delay:0s;transform:rotate(15deg)}.shape:nth-child(2) {width:90px;height:140px;border-radius:12px;top:60%;right:15%;animation-delay:2s;transform:rotate(-20deg)}.shape:nth-child(3) {width:100px;height:60px;border-radius:10px;bottom:20%;left:20%;animation-delay:4s;transform:rotate(25deg)}.shape:nth-child(4) {width:80px;height:120px;border-radius:8px;top:10%;right:30%;animation-delay:1s;transform:rotate(-10deg)}.shape:nth-child(5) {width:110px;height:70px;border-radius:14px;bottom:40%;right:20%;animation-delay:3s;transform:rotate(30deg)}.shape:nth-child(6) {width:95px;height:95px;border-radius:20px;top:40%;left:5%;animation-delay:5s;transform:rotate(-15deg)}@keyframes float {
    0%,
    100% {
        transform: translateY(0px) rotate(var(--start-rotation, 0deg));
    }
    50% {
        transform: translateY(-20px)
            rotate(calc(var(--start-rotation, 0deg) + 180deg));
    }
}.glass{background:rgba(255,255,255,.15);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden}.glass:hover{background:rgba(255,255,255,.2);transform:translateY(-5px);box-shadow:0 15px 45px rgba(0,0,0,.15)}header{padding:20px}.container{max-width:1200px;margin:0 auto}nav{display:flex;justify-content:space-between;align-items:center;padding:30px 45px}.logo{font-size:32px;font-weight:bold;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);display:flex;align-items:center;gap:15px;cursor:pointer}.logo-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:all .3s ease}.logo:hover .logo-icon svg{transform:scale(1.1) translateY(-2px);filter:drop-shadow(0 4px 12px rgba(255,255,255,.4))}.nav-links{display:flex;gap:30px}.nav-links a{color:rgba(255,255,255,.9);text-decoration:none;font-weight:500;transition:all .3s ease;padding:12px 24px 13px 24px;border-radius:10px;cursor:pointer;font-size:16px;border-bottom:1px solid rgba(255,255,255,.6)}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.1);text-shadow:0 0 10px rgba(255,255,255,.5)}.page{display:none;min-height:100vh;padding:40px 20px 20px}.page.active{display:block}.content-wrapper{min-height:calc(100vh - 300px)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:60px 40px;margin-bottom:40px}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{width:100%;max-width:440px;height:auto;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.2)}.hero-content{text-align:left}.hero h1{font-size:2.8rem;color:#fff;margin-bottom:20px;text-shadow:0 4px 15px rgba(0,0,0,.2);line-height:1.2}.hero p{font-size:1.2rem;color:rgba(255,255,255,.9);margin-bottom:30px;line-height:1.6}.cta-button{display:inline-block;padding:15px 40px;background:rgba(255,255,255,.2);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease;border:2px solid rgba(255,255,255,.3);cursor:pointer}.cta-button:hover{background:rgba(255,255,255,.3);transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.2)}button[type="submit"]{font-family:inherit;font-size:16px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.feature-card{padding:40px 30px;text-align:center;color:#fff}.feature-icon{width:60px;height:60px;margin:0 auto 20px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#fff}.feature-card p{color:rgba(255,255,255,.8);line-height:1.6}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;align-items:center}.about-text{padding:40px;color:#fff}.about-text h2{font-size:2.5rem;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.about-text p{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,.9);margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:60px}.stat-card{text-align:center;padding:30px;color:#fff}.stat-number{font-size:3rem;font-weight:bold;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.stat-label{font-size:1.1rem;color:rgba(255,255,255,.8);margin-top:10px}.team-section{margin-bottom:60px}.team-section h2{font-size:2.5rem;color:#fff;text-align:center;margin-bottom:50px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.team-member{padding:40px 30px;text-align:center;color:#fff;transition:all .3s ease}.team-member:hover{transform:translateY(-10px)}.team-avatar{width:120px;height:120px;background:rgba(255,255,255,.2);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:48px;backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3);transition:all .3s ease}.team-member:hover .team-avatar{border-color:rgba(255,255,255,.5);transform:scale(1.05);background:rgba(255,255,255,.25)}.team-member h3{font-size:1.4rem;margin-bottom:8px;color:#fff}.team-member .role{font-size:1rem;color:rgba(255,255,255,.7);margin-bottom:15px}.team-member .bio{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.8);margin-bottom:20px}.team-social{display:flex;justify-content:center;gap:15px}.team-social a{width:36px;height:36px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);text-decoration:none;transition:all .3s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.team-social a:hover{background:rgba(255,255,255,.2);transform:translateY(-3px);color:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:40px}.service-card{padding:40px 30px;color:#fff;text-align:left}.service-header{display:flex;align-items:center;margin-bottom:20px}.service-icon{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:15px}.service-card h3{font-size:1.4rem;color:#fff}.service-card p{color:rgba(255,255,255,.8);line-height:1.6;margin-bottom:20px}.service-features{list-style:none}.service-features li{color:rgba(255,255,255,.7);margin-bottom:8px;padding-left:20px;position:relative}.service-features li:before{content:"✓";position:absolute;left:0;color:rgba(255,255,255,.9)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.contact-map-section{margin-top:40px}.contact-form{padding:40px}.contact-form h2{color:#fff;font-size:2rem;margin-bottom:30px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.form-group{margin-bottom:20px}.form-group label{display:block;color:rgba(255,255,255,.9);margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:16px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;backdrop-filter:blur(10px);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);box-shadow:0 0 20px rgba(255,255,255,.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.6)}.form-group textarea{height:120px;resize:vertical;line-height:1.5}.contact-info{padding:40px;color:#fff}.contact-info h2{font-size:2rem;margin-bottom:30px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.contact-item{display:flex;align-items:center;margin-bottom:25px}.contact-item-icon{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:18px}.contact-item-text h4{color:#fff;margin-bottom:5px}.contact-item-text p{color:rgba(255,255,255,.8)}.contact-map{padding:40px;color:#fff;width:100%}.contact-map h2{font-size:2rem;margin-bottom:30px;text-shadow:0 2px 10px rgba(0,0,0,.3);text-align:center}.map-container{width:100%;height:500px;background:rgba(255,255,255,.1);border-radius:15px;border:1px solid rgba(255,255,255,.2);overflow:hidden;position:relative;backdrop-filter:blur(10px)}.map-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:rgba(255,255,255,.8);text-align:center}.map-placeholder-icon{font-size:64px;margin-bottom:20px;opacity:.7}.map-placeholder p{margin:8px 0;font-size:16px}.map-placeholder .address{font-size:18px;font-weight:600;margin-bottom:20px}.map-placeholder .integration-note{font-size:14px;opacity:.6;margin-top:20px}#footer{margin-top:60px;padding:30px 0}.footer-content{padding:30px;text-align:center;color:rgba(255,255,255,.8)}.footer-links{display:flex;justify-content:center;gap:30px;margin-bottom:20px;flex-wrap:wrap}.footer-links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:14px;transition:color .3s ease;padding:5px 10px}.footer-links a:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.copyright{font-size:14px;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.copyright a{color:rgba(255,255,255,.6);text-decoration:none}@media (max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page{padding:30px 20px 20px}.content-wrapper{min-height:auto}.hero{grid-template-columns:1fr;text-align:center;gap:20px}.hero-content{text-align:center}.hero h1{font-size:2.5rem}nav{flex-direction:column;gap:20px;padding:20px 30px}.nav-links{gap:15px;justify-content:center;flex-direction:column;align-items:center}.nav-links a{display:block;text-align:center;width:100%;max-width:200px;font-size:14px;padding:10px 20px}.about-content,.contact-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr;gap:20px}.footer-links{gap:15px;flex-direction:column}.footer-links a{display:block;text-align:center}button[type="submit"]{width:100%}.map-container{height:350px}.logo-icon{width:40px;height:40px}.logo{font-size:22px}}