:root{
    --black:#050505;
    --dark:#0b0b0d;
    --dark-2:#121216;
    --card:#18181d;
    --text:#ffffff;
    --muted:#b7b7c2;
    --orange:#ff3c00;
    --orange-2:#ff7a00;
    --border:rgba(255,255,255,0.12);
    --shadow:0 24px 70px rgba(0,0,0,0.45);
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
    font-family:'Montserrat', sans-serif;
    background:var(--dark);
    color:var(--text);
}

a{text-decoration:none}

.topbar{
    background:#030303;
    color:#e8e8e8;
    padding:9px 0;
    border-bottom:1px solid var(--border);
    font-size:0.9rem;
}

.topbar-info{
    display:flex;
    flex-wrap:wrap;
    gap:22px;
}

.topbar i{
    color:var(--orange);
    margin-right:7px;
}

.topbar-social{
    display:flex;
    justify-content:flex-end;
    gap:18px;
}

.topbar-social a,
.footer-social a{
    color:#ffffff;
    transition:0.25s ease;
}

.topbar-social a:hover,
.footer-social a:hover{
    color:var(--orange);
    transform:translateY(-2px);
}

.main-navbar{
    background:rgba(8,8,9,0.94);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--border);
    padding:18px 0;
}

.navbar-brand{
    display:flex;
    align-items:center;
    gap:12px;
}

.brand-icon{
    width:46px;
    height:46px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--orange),var(--orange-2));
    box-shadow:0 12px 28px rgba(255,60,0,0.26);
}

.brand-text{
    display:flex;
    flex-direction:column;
    line-height:1;
    text-transform:uppercase;
}

.brand-text strong{
    font-size:1.25rem;
    letter-spacing:0.5px;
}

.brand-text small{
    margin-top:4px;
    color:var(--muted);
    font-size:0.72rem;
    letter-spacing:4px;
}

.navbar-nav .nav-link{
    color:#f5f5f5;
    font-weight:700;
    margin:0 6px;
    position:relative;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
    color:var(--orange);
}

.btn-metal,
.btn-metal-outline,
.btn-light-soft{
    border-radius:12px;
    font-weight:800;
    padding:12px 22px;
    transition:0.25s ease;
}

.btn-metal{
    color:#fff;
    border:0;
    background:linear-gradient(90deg,var(--orange),var(--orange-2));
}

.btn-metal:hover{
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 18px 34px rgba(255,60,0,0.28);
}

.btn-metal-outline{
    color:#fff;
    border:1px solid rgba(255,60,0,0.65);
}

.btn-metal-outline:hover{
    color:#fff;
    background:var(--orange);
}

.btn-light-soft{
    color:#fff;
    background:rgba(255,255,255,0.09);
    border:1px solid var(--border);
}

.btn-light-soft:hover{
    color:#fff;
    background:rgba(255,255,255,0.16);
    transform:translateY(-3px);
}

.hero-section{
    position:relative;
    min-height:calc(100vh - 132px);
    background:
        linear-gradient(90deg,rgba(0,0,0,0.96),rgba(0,0,0,0.55),rgba(0,0,0,0.86)),
        url('https://images.unsplash.com/photo-1507874457470-272b3c8d8ee2?q=80&w=1900&auto=format&fit=crop');
    background-size:cover;
    background-position:center;
    overflow:hidden;
}

.hero-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 40%,rgba(255,60,0,0.25),transparent 32%),
        radial-gradient(circle at 80% 30%,rgba(255,122,0,0.12),transparent 28%);
    pointer-events:none;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:var(--orange);
    background:rgba(255,60,0,0.12);
    border:1px solid rgba(255,60,0,0.35);
    padding:10px 16px;
    border-radius:999px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.8px;
    margin-bottom:22px;
}

.hero-section h1{
    font-family:'Bebas Neue', sans-serif;
    font-size:clamp(4rem,9vw,7.4rem);
    line-height:0.92;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:22px;
    max-width:860px;
}

.hero-text{
    max-width:700px;
    color:#eeeeee;
    font-size:1.14rem;
    margin-bottom:32px;
}

.hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:44px;
}

.hero-stats{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.hero-stats div{
    min-width:150px;
    padding:16px 18px;
    background:rgba(255,255,255,0.08);
    border:1px solid var(--border);
    border-radius:18px;
    backdrop-filter:blur(10px);
}

.hero-stats strong{
    display:block;
    color:var(--orange);
    font-size:1.8rem;
    line-height:1;
}

.hero-stats span{
    color:var(--muted);
    font-size:0.9rem;
}

.section-padding{
    padding:95px 0;
}

.section-title{
    max-width:760px;
    margin:0 auto 48px;
}

.section-title span,
.section-mini{
    color:var(--orange);
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
}

.section-title h2,
.contact-info-card h2{
    font-family:'Bebas Neue', sans-serif;
    font-size:clamp(2.8rem,5vw,4.6rem);
    letter-spacing:1px;
    margin:8px 0 10px;
}

.section-title p,
.contact-info-card p{
    color:var(--muted);
}

.services-section{
    background:linear-gradient(180deg,var(--dark),var(--dark-2));
}

.service-card{
    padding:34px 28px;
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,0.07),rgba(255,255,255,0.025));
    border:1px solid var(--border);
    box-shadow:var(--shadow);
    transition:0.3s ease;
}

.service-card:hover{
    transform:translateY(-10px);
    border-color:rgba(255,60,0,0.55);
}

.service-icon{
    width:70px;
    height:70px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,60,0,0.12);
    color:var(--orange);
    font-size:2rem;
    margin-bottom:24px;
}

.service-card h3,
.news-card h3{
    font-size:1.25rem;
    font-weight:800;
    margin-bottom:12px;
}

.service-card p,
.news-card p{
    color:var(--muted);
}

.service-card a{
    color:var(--orange);
    font-weight:800;
}

.news-section{
    background:#09090b;
}

.news-card{
    border:1px solid var(--border);
    border-radius:24px;
    overflow:hidden;
    background:var(--card);
    color:#fff;
    transition:0.3s ease;
}

.news-card:hover{
    transform:translateY(-10px);
    border-color:rgba(255,60,0,0.45);
}

.news-img{
    min-height:210px;
    background-size:cover;
    background-position:center;
}

.img-1{background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6)),url('https://images.unsplash.com/photo-1511379938547-c1f69419868d?q=80&w=1200&auto=format&fit=crop');}
.img-2{background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6)),url('https://images.unsplash.com/photo-1598488035139-bdbb2231ce04?q=80&w=1200&auto=format&fit=crop');}
.img-3{background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6)),url('https://images.unsplash.com/photo-1501386761578-eac5c94b800a?q=80&w=1200&auto=format&fit=crop');}
.img-4{background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6)),url('https://images.unsplash.com/photo-1519892300165-cb5542fb47c7?q=80&w=1200&auto=format&fit=crop');}

.news-date{
    display:inline-block;
    color:var(--orange);
    font-size:0.84rem;
    font-weight:800;
    margin-bottom:12px;
}

.contact-section{
    background:
        radial-gradient(circle at 15% 15%,rgba(255,60,0,0.16),transparent 28%),
        var(--dark-2);
}

.contact-info-card,
.contact-form-card,
.map-card{
    border:1px solid var(--border);
    border-radius:26px;
    background:rgba(255,255,255,0.05);
    padding:36px;
    box-shadow:var(--shadow);
}

.contact-info-card ul{
    list-style:none;
    padding:0;
    margin:28px 0 0;
    display:flex;
    flex-direction:column;
    gap:15px;
    color:#eeeeee;
}

.contact-info-card li i{
    color:var(--orange);
    width:24px;
}

.contact-form-card h3,
.map-card h3{
    font-weight:900;
    margin-bottom:22px;
}

.form-label{
    font-weight:700;
}

.form-control{
    color:#fff;
    background:#101014;
    border:1px solid var(--border);
    padding:13px 15px;
    border-radius:12px;
}

.form-control::placeholder{
    color:#777;
}

.form-control:focus{
    color:#fff;
    background:#121218;
    border-color:var(--orange);
    box-shadow:0 0 0 .25rem rgba(255,60,0,.18);
}

.map-card{
    min-height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:
        linear-gradient(rgba(0,0,0,0.64),rgba(0,0,0,0.7)),
        url('https://images.unsplash.com/photo-1524661135-423995f22d0b?q=80&w=900&auto=format&fit=crop');
    background-size:cover;
    background-position:center;
}

.map-card i{
    font-size:3.4rem;
    color:var(--orange);
    margin-bottom:18px;
}

.footer{
    background:#050505;
    border-top:1px solid var(--border);
    padding:60px 0 20px;
}

.footer-brand{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
}

.footer-brand i{
    width:48px;
    height:48px;
    border-radius:14px;
    background:linear-gradient(135deg,var(--orange),var(--orange-2));
    display:flex;
    align-items:center;
    justify-content:center;
}

.footer-brand strong{
    display:block;
    text-transform:uppercase;
    font-size:1.35rem;
}

.footer-brand small{
    display:block;
    color:var(--muted);
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:0.7rem;
}

.footer p,
.footer li{
    color:var(--muted);
}

.footer h4{
    font-size:1rem;
    text-transform:uppercase;
    font-weight:900;
    margin-bottom:18px;
}

.footer ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:9px;
}

.footer a{
    color:var(--muted);
    transition:0.25s ease;
}

.footer a:hover{
    color:var(--orange);
}

.footer-social{
    display:flex;
    gap:16px;
}

.footer-social a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid var(--border);
}

.footer-bottom{
    margin-top:42px;
    padding-top:18px;
    border-top:1px solid var(--border);
    color:var(--muted);
    text-align:center;
    font-size:0.9rem;
}

@media(max-width:991px){
    .topbar-info,
    .topbar-social{
        justify-content:center;
        text-align:center;
    }

    .navbar-nav{
        padding-top:20px;
    }

    .hero-section{
        text-align:center;
    }

    .hero-buttons,
    .hero-stats{
        justify-content:center;
    }
}

@media(max-width:575px){
    .topbar{
        display:none;
    }

    .main-navbar{
        padding:12px 0;
    }

    .brand-text strong{
        font-size:1rem;
    }

    .brand-text small{
        letter-spacing:2px;
    }

    .hero-section h1{
        font-size:3.8rem;
    }

    .section-padding{
        padding:70px 0;
    }

    .hero-stats div{
        width:100%;
    }
}