body{font-family:Arial,Helvetica,sans-serif;background:#0c0c10;color:#f0f0f5;margin:0;}
a{color:#7dfbff;text-decoration:none;}
a:hover{text-decoration:underline;}
.container{max-width:1000px;margin:auto;padding:20px;}
.navbar{background:linear-gradient(90deg,#ff66cc,#7b5cff,#00d4ff);padding:10px 0;}
.nav-flex{display:flex;justify-content:space-between;align-items:center;}
.nav-flex a{color:white;margin:0 10px;font-weight:bold;}
.logo{font-size:20px;color:white;}
.hero{padding:80px 0;text-align:center;}
.hero h2{font-size:40px;background:linear-gradient(90deg,#ff66cc,#7b5cff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.btn-main,.btn-quote{display:inline-block;margin-top:20px;padding:12px 24px;background:linear-gradient(90deg,#ff66cc,#7b5cff,#00d4ff);color:#fff;border:none;border-radius:30px;font-weight:bold;}
.btn-main:hover,.btn-quote:hover{opacity:0.85;}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px;}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;}
.footer{background:#111;padding:30px 0;margin-top:40px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.footer h3{color:#ff66cc;}
.copy{text-align:center;margin-top:20px;font-size:12px;color:#aaa;}
input,textarea{width:100%;margin-top:5px;margin-bottom:15px;padding:10px;border-radius:8px;border:1px solid #333;background:#1a1a1f;color:white;}
button{cursor:pointer;}
@media(max-width:200px){.hero h2{font-size:28px;}}
..logo-img {
  height: 70px;  
  width: auto;