:root{
 --bg:#0b0b0d;
 --panel:rgba(20,20,24,.72);
 --text:#f5f5f5;
 --muted:#c8c8c8;
 --red:#d62828;
 --blue:#1d4ed8;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 font-family:'Poppins',sans-serif;
 background:var(--bg);
 color:var(--text);
 line-height:1.6;
}
.container{width:min(1180px,92%);margin:auto}
.header{
 position:sticky;top:0;z-index:1000;
 background:rgba(10,10,10,.9);
 backdrop-filter:blur(10px);
 border-bottom:1px solid rgba(255,255,255,.08);
}
.nav{
 display:flex;justify-content:space-between;
 align-items:center;padding:18px 0;
}
.logo img{height:58px}
nav ul{display:flex;gap:24px;list-style:none}
nav a{
 color:#fff;text-decoration:none;
 transition:.25s;
}
nav a:hover{color:var(--blue)}
.btn,.btn-outline{
 display:inline-block;
 padding:14px 28px;
 border-radius:999px;
 font-weight:600;
 text-decoration:none;
 transition:.25s;
}
.btn{
 background:linear-gradient(90deg,var(--red),#ef4444);
 color:#fff;
}
.btn:hover{transform:translateY(-2px)}
.btn-outline{
 border:2px solid var(--blue);
 color:#fff;
}
.hero{
 min-height:88vh;
 display:flex;
 align-items:center;
 background:
 linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.75)),
 radial-gradient(circle at top right,#163b87 0%,transparent 35%),
 radial-gradient(circle at bottom left,#7f1111 0%,transparent 35%);
}
.hero-content{max-width:760px}
.tag{
 display:inline-block;
 padding:8px 14px;
 background:rgba(255,255,255,.08);
 border-radius:999px;
 margin-bottom:18px;
 font-size:.85rem;
}
.hero h1{
 font-size:3.6rem;
 line-height:1.1;
 margin-bottom:20px;
}
.hero p{
 color:var(--muted);
 font-size:1.15rem;
 margin-bottom:30px;
}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}
.services,.cta{padding:90px 0}
.cards{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
 gap:24px;
 margin-top:40px;
}
.card{
 background:var(--panel);
 backdrop-filter:blur(10px);
 border:1px solid rgba(255,255,255,.08);
 border-radius:20px;
 padding:28px;
 transition:.3s;
}
.card:hover{
 transform:translateY(-8px);
 border-color:var(--blue);
 box-shadow:0 15px 40px rgba(29,78,216,.2);
}
.cta{text-align:center}
footer{
 padding:50px 0;
 text-align:center;
 border-top:1px solid rgba(255,255,255,.08);
 color:#bbb;
}
@media(max-width:768px){
 .nav{flex-direction:column;gap:18px}
 nav ul{flex-direction:column;text-align:center}
 .hero h1{font-size:2.3rem}
}
/* ABOUT IMPAX360 */
.about{background:#0f0f10;padding:110px 0;}
.about-grid{
 display:grid;
    grid-template-columns:45% 55%;
    align-items:center;
    gap:70px;
}
.about-content h2{font-size:2.8rem;margin:20px 0;color:#fff;}
.about-content p{color:#c8c8c8;line-height:1.9;margin-bottom:18px;}
.about-image img{
    width:100%;
    max-width:650px;
    border-radius:18px;
    object-fit:cover;
    box-shadow:0 30px 70px rgba(0,0,0,.55);
    transition:all .35s ease;
}

.about-image img:hover{
    transform:translateY(-6px);
    box-shadow:0 40px 90px rgba(0,0,0,.65);
}
.section-tag{color:#d62828;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
@media(max-width:900px){.about-grid{grid-template-columns:1fr;}.about-content{text-align:center;}}
select {
    color: #000 !important;
    background-color: #fff;
}

select option {
    color: #000 !important;
    background-color: #fff;
}