*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;font-family:Arial,sans-serif}#root{width:100%;margin:0;padding:0}.navbar{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#0006;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 80px;display:flex;position:absolute;top:0;left:0}.nav-links a{color:#fff;text-decoration:none}.nav-links a:hover{color:#d4a017}.logo{align-items:center;display:flex}.logo img{width:120px;height:auto}.nav-links{align-items:center;gap:40px;list-style:none;display:flex}.nav-links li{color:#fff;cursor:pointer;border:2px solid #0000;border-radius:8px;padding:10px 24px;font-size:16px;transition:all .3s}.nav-links li:hover,.nav-links li.active{color:#d4a017;border:2px solid #d4a017}.nav-links li:after{content:"";background-color:#d4a017;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0}.nav-links li:hover:after{width:100%}@media (width<=768px){.navbar{padding:0 30px}.nav-links{gap:20px}.logo img{width:45px}}.hero{background-position:100%;background-size:cover;align-items:center;height:100vh;padding:0 80px;display:flex;position:relative}.overlay{background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{color:#fff;max-width:500px;position:relative}.hero-content h1{font-size:48px;line-height:1.2}.hero-content span{color:#d4a017}.hero-content p{color:#ccc;margin:20px 0}.buttons{gap:20px;display:flex}.btn{cursor:pointer;border-radius:8px;padding:12px 24px;font-weight:700}.btn.primary{color:#000;background-color:#d4a017;border:none}.btn.outline{color:#d4a017;background:0 0;border:2px solid #d4a017}.stats{gap:80px;margin-top:60px;display:flex}.stat h2{color:#ccc;font-size:28px}.stat p{color:#aaa;margin-top:5px}.about{text-align:center;color:#fff;background:linear-gradient(90deg,#111,#1a1a1a);padding:80px 20px}.about h2{margin-bottom:20px;font-size:32px}.about-text{color:#bbb;max-width:700px;margin:0 auto;line-height:1.6}.about-cards{flex-wrap:wrap;justify-content:center;gap:100px;margin-top:50px;display:flex}.card{color:#000;background-color:#d4a017;border-radius:8px;min-width:180px;padding:14px 30px;font-weight:600;transition:all .3s}.card:hover{color:#000;background-color:#d4a017;box-shadow:0 0 10px #d4a01766}#about{scroll-margin-top:100px}.services{text-align:center;color:#fff;background-position:50%;background-size:cover;padding:100px 20px;scroll-margin-top:100px;position:relative}.services .overlay{background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.services h2{margin-bottom:50px;font-size:32px;position:relative}.service-cards{flex-wrap:wrap;justify-content:center;gap:40px;display:flex;position:relative}.service-card{text-align:left;background-color:#0d0d0d;border:1px solid #0000;border-radius:12px;width:280px;padding:30px;transition:all .3s}.service-card h3{color:#d4a017;margin-bottom:15px}.service-card p{color:#ccc;line-height:1.5}.service-card:hover{border:1px solid #d4a017;transform:translateY(-5px)}.contact{width:100%;min-height:500px;scroll-margin-top:100px;display:flex}.contact-left{flex:.8}.contact-left img{object-fit:cover;width:100%;height:100%}.contact-right{color:#fff;background:linear-gradient(90deg,#0009,#1a1a1a,#2a2a2a,#000);flex-direction:column;flex:1.5;justify-content:center;align-items:center;padding-top:80px;display:flex}.contact-right h2{color:#fefdfa;margin-bottom:100px;font-size:32px}form{flex-direction:column;gap:25px;width:450px;display:flex}input,textarea{background:#eee;border:none;border-radius:6px;outline:none;width:100%;padding:12px}textarea{height:100px}form button{color:#000;cursor:pointer;background-color:#d4a017;border:none;border-radius:6px;align-self:center;width:auto;padding:12px 24px;font-weight:700}form button:hover{background-color:#b89013}.message-list{width:80%;margin-top:20px}.no-msg{color:#aaa}.message-card{background:#222;border-radius:8px;margin-bottom:10px;padding:12px}.delete-btn{color:#fff;cursor:pointer;background:red;border:none;margin-top:10px;padding:6px 10px}.footer{color:#fff;text-align:center;background:linear-gradient(90deg,#2a2a2a,#111);padding:40px 60px}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.footer-logo img{width:150px;margin-top:-35px}.footer-box{text-align:left;font-size:14px;line-height:1.8}.footer-social img{cursor:pointer;width:30px;height:30px;margin:0 10px;transition:all .3s}.footer-social img:hover{filter:brightness(1.3);transform:scale(1.2)}.footer-copy{color:#ccc;font-size:14px}