:root{--bg-color:#050505;--card-bg:#111111;--text-color:#ffffff;--accent-gray:#333333;--hover-white:#e0e0e0;}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif;scroll-behavior:smooth;}
body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;}
.navbar{position:fixed;top:0;left:0;width:100%;padding:15px 5%;background-color:rgba(5,5,5,0.95);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;z-index:1000;border-bottom:1px solid var(--accent-gray);}
.logo-container a{display:flex;align-items:center;text-decoration:none;}
.logo-img{height:40px;width:auto;transition:transform 0.3s ease;}
.logo-img:hover{transform:scale(1.05);}
.nav-links{display:flex;gap:30px;list-style:none;}
.nav-links a{text-decoration:none;color:var(--text-color);font-weight:600;font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;transition:color 0.3s ease;position:relative;cursor:pointer;}
.nav-links a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--text-color);transition:width 0.3s ease;}
.nav-links a:hover::after{width:100%;}
.menu-btn{display:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;}
.hero{min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 20px 0;background:radial-gradient(circle at center,#1a1a1a 0%,#000000 100%);position:relative;}
.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#111 1px,transparent 1px),linear-gradient(90deg,#111 1px,transparent 1px);background-size:50px 50px;opacity:0.2;z-index:0;}
.hero-content{z-index:1;max-width:800px;}
.hero h1{font-size:4rem;font-weight:800;margin-bottom:20px;text-transform:uppercase;letter-spacing:-2px;animation:fadeInDown 1s ease;}
.hero p{font-size:1.2rem;color:#ccc;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease 0.3s backwards;}
.btn-main{display:inline-block;padding:15px 40px;background-color:#ffffff;color:#000000;text-decoration:none;font-weight:800;text-transform:uppercase;border:2px solid #ffffff;transition:all 0.3s ease;animation:fadeInUp 1s ease 0.6s backwards;cursor:pointer;}
.btn-main:hover{box-shadow:0 0 20px rgba(255,255,255,0.7);transform:scale(1.02);}
.section{padding:60px 5% 80px;}
.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px;text-transform:uppercase;letter-spacing:2px;}
.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1000px;margin:0 auto;}
.card{background-color:var(--card-bg);padding:40px;border:1px solid var(--accent-gray);transition:transform 0.3s ease,border-color 0.3s ease;}
.card:hover{transform:translateY(-10px);border-color:var(--text-color);}
.card i{font-size:3rem;margin-bottom:25px;color:var(--text-color);}
.card h3{font-size:1.5rem;margin-bottom:15px;text-transform:uppercase;}
.card p{color:#bbb;font-size:0.95rem;}
.who-we-are{background-color:#0a0a0a;border-top:1px solid var(--accent-gray);border-bottom:1px solid var(--accent-gray);text-align:center;padding:80px 5%;}
.who-content{max-width:800px;margin:0 auto;}
.who-we-are p{font-size:1.15rem;color:#ccc;margin-bottom:20px;}
.who-we-are p:last-child{margin-bottom:0;}
.contact-section{text-align:center;background:linear-gradient(to top,#111,#050505);}
.contact-box{background-color:var(--card-bg);padding:60px;border:1px solid var(--accent-gray);max-width:700px;margin:0 auto;position:relative;overflow:hidden;}
.contact-box::after{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--text-color);}
.contact-text{font-size:1.2rem;margin-bottom:30px;font-weight:600;}
footer{background-color:#000;padding:50px 5% 30px;text-align:center;border-top:1px solid #222;}
.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;}
.copyright{color:#666;font-size:0.9rem;text-decoration:none;transition:color 0.3s ease;}
.copyright:hover{color:var(--text-color);}
.footer-banner{margin-top:10px;display:inline-block;}
.footer-banner img{width:150px;height:50px;object-fit:contain;opacity:0.7;transition:opacity 0.3s ease;}
.footer-banner img:hover{opacity:1;}
@media(max-width:768px){
    .navbar{padding:15px 20px;}
    .menu-btn{display:block;}
    .nav-links{position:absolute;top:70px;left:0;width:100%;background-color:#0a0a0a;flex-direction:column;padding:20px;text-align:center;border-bottom:1px solid var(--accent-gray);display:none;}
    .nav-links.active{display:flex;}
    .hero h1{font-size:2.5rem;}
    .card{padding:30px;}
}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
        .icon-spacing {
            margin-right: 10px;
        }