@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;overflow:hidden;color:#f0f0f0;background:linear-gradient(135deg,#1a0033,#006)}#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;background:radial-gradient(circle at center,#ffffff1a,#000000b3)}.header{display:flex;justify-content:space-between;align-items:center;padding:2rem;pointer-events:all}a.logo{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,0,255,.8);text-decoration:none;transition:color .3s ease}a.logo:hover{color:#f0f}nav ul{display:flex;list-style:none}nav ul li{margin-left:2rem;cursor:pointer;position:relative;transition:color .3s ease}nav ul li:hover,nav ul li.active{color:#0ff}nav ul li.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#0ff;box-shadow:0 0 8px #0ff}.content-container{display:flex;justify-content:center;align-items:center;height:calc(100% - 100px);pointer-events:all}.content-section{width:100%;max-width:800px;padding:2rem;text-align:center;opacity:0;display:none;transform:scale(.95);transition:opacity .6s ease,transform .6s cubic-bezier(.25,1,.5,1)}.content-section.active{opacity:1;display:block;transform:scale(1)}h1{font-size:4rem;margin-bottom:1rem;color:#f0f;text-shadow:0 0 15px rgba(255,0,255,.8)}h2{font-size:2rem;margin-bottom:1.5rem;color:#0ff}p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.cta-button{background:linear-gradient(45deg,#f0f,#0ff);color:#fff;border:none;padding:.8rem 2rem;font-size:1rem;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff00ff80}.cta-button:hover{background:linear-gradient(45deg,#c0c,#0cc);box-shadow:0 6px 20px #0ffc;transform:translateY(-2px)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.service-card{background-color:#00000080;border:1px solid rgba(0,255,255,.3);border-radius:10px;padding:1.5rem;transition:all .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00ffff4d;border-color:#0ffc}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.gallery-item img{width:100%;height:200px;object-fit:cover;border-radius:10px}form{display:flex;flex-direction:column;width:100%;max-width:500px;margin:0 auto}input,textarea,button{margin-bottom:1rem;padding:.8rem;border-radius:5px;border:1px solid rgba(255,255,255,.2);background-color:#00000080;color:#fff;font-family:Poppins,sans-serif}textarea{min-height:150px;resize:vertical}button[type=submit]{background:linear-gradient(45deg,#f0f,#0ff);cursor:pointer;transition:all .3s ease}button[type=submit]:hover{background:linear-gradient(45deg,#c0c,#0cc)}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a0033,#006);display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .8s ease-out}.loader{position:relative;width:80px;height:80px}.loader-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#0ff;animation:spin 1.5s cubic-bezier(.68,-.55,.27,1.55) infinite}.circle-1{animation-delay:0s;opacity:.9}.circle-2{animation-delay:.2s;opacity:.6;transform:scale(.8)}.circle-3{animation-delay:.4s;opacity:.3;transform:scale(.6)}.loading-text{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:1.8rem;color:#fff;text-shadow:0 0 10px rgba(0,255,255,.5);animation:fadeInText 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInText{0%,to{opacity:.4;transform:translate(-50%) translateY(10px)}50%{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.header{flex-direction:column;padding:1rem}nav ul{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:.5rem}nav ul li{margin:.5rem}h1{font-size:2.5rem}h2{font-size:1.5rem}p{font-size:1rem}.content-container{height:auto;min-height:100vh;padding:1rem}.content-section{padding:1rem;max-width:100%}.cta-button{padding:.6rem 1.5rem;font-size:.9rem}form{max-width:100%}}