@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#fff;background-color:#000020}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-banner{position:relative;min-height:100vh;min-height:100svh;background:linear-gradient(135deg,#000020 0,#1a1a3a 50%,#2d2d5f 100%);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.card::before,.hero-banner::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.hero-banner::before{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3)0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.15)0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.1)0,transparent 50%);animation:float 6s ease-in-out infinite}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 20px}.hero-logo{max-width:200px;height:auto;margin-bottom:2rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.hero-content h1{font-size:4rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#a8a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(168,168,255,.5)}.tagline{font-size:1.5rem;margin-bottom:2rem;color:#b8b8ff;font-weight:300}.hero-description p{font-size:1.2rem;color:#d0d0ff;max-width:600px;margin:0 auto}.scroll-arrow{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;cursor:pointer;animation:bounce 2s infinite}.arrow-down{width:30px;height:30px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);transition:all .3s ease}.scroll-arrow:hover .arrow-down{border-color:#a8a8ff;transform:rotate(45deg) scale(1.2)}.main-content{position:relative;z-index:1}.services{padding:100px 0;background:linear-gradient(180deg,#000020 0,#0a0a2a 100%)}.about h2,.contact h2,.services h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#fff}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.card{background:linear-gradient(145deg,#1a1a3a,#0f0f2f);border-radius:15px;padding:2rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.card::before{background:linear-gradient(45deg,transparent,rgba(168,168,255,.1),transparent);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-10px);border-color:rgba(168,168,255,.3);box-shadow:0 20px 40px rgba(0,0,32,.5)}.card:hover::before{opacity:1}.card-icon{font-size:3rem;margin-bottom:1rem}.card h3,.card p,.card-icon{position:relative;z-index:2}.card h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.card p{color:#b8b8ff;line-height:1.6}.about{padding:100px 0;background:linear-gradient(180deg,#0a0a2a 0,#000020 100%)}.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem}.about-item{text-align:center;padding:1.5rem}.about-item h4{font-size:1.3rem;margin-bottom:1rem;color:#a8a8ff}.about-item p{color:#d0d0ff;line-height:1.6}.testimonial{margin-top:4rem;display:flex;justify-content:center}.testimonial-content{max-width:800px;background:linear-gradient(145deg,#1a1a3a,#0f0f2f);border-radius:20px;padding:3rem;text-align:center;border:1px solid rgba(255,255,255,.1);position:relative;box-shadow:0 10px 30px rgba(0,0,32,.3)}.testimonial blockquote{font-size:1.3rem;line-height:1.7;color:#fff;font-style:italic;margin:0 0 2rem;position:relative}.testimonial-author{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.author-name{font-size:1.1rem;font-weight:600;color:#a8a8ff;margin-bottom:.5rem}.author-title{font-size:.95rem;color:#d0d0ff;opacity:.8}.contact{padding:100px 0;background:linear-gradient(180deg,#000020 0,#1a1a3a 100%)}.contact h2{margin-bottom:2rem}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-content p{font-size:1.2rem;margin-bottom:2rem;color:#d0d0ff}.contact-info{background:linear-gradient(145deg,#1a1a3a,#0f0f2f);border-radius:15px;padding:2rem;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:1.1rem}.contact-label{color:#a8a8ff;font-weight:600}.contact-link{color:#fff;text-decoration:none}.contact-link:hover{color:#d0d0ff}.footer{padding:2rem 0;background:#000020;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer address,.footer p{color:#888;font-size:.9rem}@media (max-width:1024px){.about-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-logo{max-width:150px;margin-bottom:1.5rem}.hero-content h1{font-size:2.5rem}.tagline{font-size:1.2rem}.hero-description p{font-size:1rem}.about-grid,.cards-grid{grid-template-columns:1fr}.contact-item{flex-direction:column;gap:.5rem}.about,.contact,.services{padding:60px 0}.about h2,.contact h2,.services h2{font-size:2rem}.testimonial-content{padding:2rem;margin:0 1rem}.testimonial blockquote{font-size:1.1rem}}