*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#000;color:#fff;line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at top left,rgba(0,123,255,.1) 0%,transparent 30%),radial-gradient(circle at bottom right,rgba(220,53,69,.1) 0%,transparent 30%),linear-gradient(to bottom,#000,#1a1a1a);background-size:cover;background-attachment:fixed}.container{max-width:1200px;margin:0 auto;padding:20px}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.appear{opacity:1;transform:translateY(0)}.navbar{background-color:#0a0a0a;padding:15px 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px #00000080;transition:background-color .3s ease}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .logo{margin:0;color:#fff;font-size:2.2em;font-weight:700;letter-spacing:2px}.navbar .nav-links{list-style:none;margin:0;padding:0;display:flex}.navbar .nav-links li{margin-left:30px}.navbar .nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease,transform .2s ease}.navbar .nav-links a:hover{color:#007bff;transform:translateY(-2px)}.nav-social{display:flex;gap:15px}.nav-social a{font-size:1.5em;text-decoration:none;transition:transform .3s ease}.nav-social a:hover{transform:scale(1.2)}.hero{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;text-align:center;padding:150px 0 100px;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.hero-logo{max-width:80%;height:auto;margin-bottom:30px}.hero h2{font-size:3.5em;margin-bottom:30px;font-weight:300;letter-spacing:1px}.hero-buttons{margin-bottom:40px}.hero-buttons .btn-primary{background:linear-gradient(45deg,#007bff,#0056b3);color:#fff;padding:18px 35px;border:none;border-radius:50px;cursor:pointer;font-size:1.1em;margin:10px;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:1px}.hero-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #007bff66}.hero-buttons .btn-secondary{background:linear-gradient(45deg,#dc3545,#c82333);color:#fff;padding:20px 40px;border:none;border-radius:50px;cursor:pointer;font-size:1.3em;font-weight:700;margin:10px;transition:all .3s ease;box-shadow:0 5px 15px #dc35454d;animation:pulse 2s infinite}.hero-buttons .btn-secondary:hover{transform:translateY(-5px);box-shadow:0 15px 30px #dc354580}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.quote-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.quote-modal.open{opacity:1;visibility:visible}.quote-form{background-color:#1a1a1a;padding:40px;border-radius:15px;width:90%;max-width:500px;position:relative;box-shadow:0 20px 40px #00000080;transform:translateY(-20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.quote-modal.open .quote-form{transform:translateY(0);opacity:1}.quote-form h3{color:#fff;margin-bottom:25px;text-align:center;font-size:1.8em}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:15px;margin-bottom:15px;border:2px solid #007bff;border-radius:8px;background-color:#000;color:#fff;font-size:1em;transition:border-color .3s ease}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:none;border-color:#007bff}.close-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:#fff;font-size:2em;cursor:pointer;transition:color .3s ease}.close-btn:hover{color:#dc3545}.about{background-color:#1a1a1a;padding:100px 0;text-align:center}.about h3{font-size:2.8em;margin-bottom:40px;color:#fff}.about-content{display:flex;justify-content:space-around;gap:50px;margin-top:50px}.about-text{flex:1;text-align:left}.about-text h4{font-size:1.8em;color:#fff;margin-bottom:20px}.about-text p{line-height:1.8;color:#ccc;margin-bottom:15px}.stats{display:flex;justify-content:space-around;margin-top:30px;gap:20px}.stat{text-align:center;padding:20px;background-color:#000;border-radius:10px;flex:1;transition:transform .3s ease,box-shadow .3s ease}.stat:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.stat-number{display:block;font-size:2.5em;font-weight:700;color:#28a745}.stat-label{display:block;color:#ccc;margin-top:5px}.services{background-color:#000;padding:100px 0;text-align:center}.services h3{font-size:2.8em;margin-bottom:50px;color:#fff}.service-cards{display:flex;justify-content:space-around;gap:30px;flex-wrap:wrap}.service-cards .card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);padding:40px;border-radius:15px;flex:1;min-width:300px;max-width:350px;text-align:left;box-shadow:0 10px 25px #0000004d;transition:transform .3s ease}.service-cards .card:hover{transform:translateY(-10px)}.service-cards .card h4{font-size:1.8em;color:#fff;margin-bottom:20px}.service-cards .card ul{list-style:none;padding:0}.service-cards .card ul li{margin-bottom:12px;color:#ccc;padding-left:20px;position:relative}.service-cards .card ul li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.gallery{background-color:#1a1a1a;padding:100px 0;text-align:center}.gallery h3{font-size:2.8em;margin-bottom:50px;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:40px}.gallery-item{position:relative;overflow:hidden;border-radius:15px;cursor:pointer;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{width:100%;height:250px;object-fit:cover;transition:transform .3s ease}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#007bffcc;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{color:#fff;font-size:1.2em;font-weight:700}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.image-modal.open{opacity:1;visibility:visible}.image-modal-content{position:relative;max-width:30%;max-height:30%;transform:scale(.8);opacity:0;transition:transform .3s ease,opacity .3s ease}.image-modal.open .image-modal-content{transform:scale(1);opacity:1}.image-modal-content img{width:100%;height:auto;object-fit:contain;border-radius:10px}.contact{background-color:#000;padding:100px 0;text-align:center}.contact h3{font-size:2.8em;margin-bottom:30px;color:#fff}.contact>p{color:#ccc;margin-bottom:40px;font-size:1.2em}.contact-info{display:flex;justify-content:center;gap:40px;margin-bottom:50px;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:10px;background-color:#1a1a1a;padding:20px;border-radius:10px;min-width:200px;transition:transform .3s ease,box-shadow .3s ease}.contact-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.contact-icon{font-size:1.5em}.contact-form{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:15px;margin-bottom:15px;border:2px solid #007bff;border-radius:8px;background-color:#1a1a1a;color:#fff;font-size:1em;transition:border-color .3s ease}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#007bff}.contact-form button{background:linear-gradient(45deg,#28a745,#218838);color:#fff;padding:15px 40px;border:none;border-radius:50px;cursor:pointer;font-size:1.1em;font-weight:600;transition:all .3s ease;box-shadow:0 5px 15px #28a7454d}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #28a74566}.social-section{margin-top:60px}.social-section h4{font-size:1.8em;color:#fff;margin-bottom:30px}.social-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:10px;background:linear-gradient(45deg,#1a1a1a,#2a2a2a);padding:20px 30px;border-radius:15px;text-decoration:none;color:#fff;transition:all .3s ease;min-width:150px;justify-content:center}.social-link:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.social-link.instagram:hover{background:linear-gradient(45deg,#dc3545,#c82333)}.social-link.facebook:hover{background:linear-gradient(45deg,#007bff,#0056b3)}.social-link.soundcloud:hover{background:linear-gradient(45deg,#28a745,#218838)}.social-link.youtube:hover{background:linear-gradient(45deg,#dc3545,#c82333)}.social-icon{font-size:1.5em}.social-text{font-weight:600}.footer{background-color:#1a1a1a;padding:30px 0;text-align:center;color:#ccc;font-size:.9em}@media (max-width: 768px){.navbar .nav-links{display:none}.nav-social{gap:10px}.hero h2{font-size:2.5em}.about-content{flex-direction:column;gap:30px}.stats{flex-direction:column;gap:15px}.service-cards{flex-direction:column;align-items:center}.service-cards .card{min-width:unset;width:100%;max-width:400px}.gallery-grid{grid-template-columns:1fr}.contact-info{flex-direction:column;gap:20px}.social-links{flex-direction:column;align-items:center}.social-link{min-width:200px}.quote-form{width:95%;padding:30px 20px}}@media (max-width: 480px){.hero h2{font-size:2em}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{padding:15px 25px;font-size:1em}.btn-quote{padding:15px 30px;font-size:1.1em}}