*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Arial;background:#f6f8fb;color:#17324d}
.header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 6%;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);z-index:10}.logo{height:55px}nav a{text-decoration:none;color:#12345b;margin-left:20px;font-weight:600}
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px 6%;position:relative;background:linear-gradient(135deg,#fff 60%,#eef6ff)}
.blue{position:absolute;top:-100px;right:18%;width:420px;height:420px;background:#0d2f5f;clip-path:polygon(50% 0,100% 100%,0 100%)}
.red{position:absolute;bottom:-130px;right:-120px;width:480px;height:480px;background:#cf1124;clip-path:polygon(50% 0,100% 100%,0 100%)}
.left,.right{z-index:2}.right img{max-width:90%}.tag{background:#cf1124;color:#fff;padding:8px 15px;border-radius:20px}.hero h1{font-size:58px;margin:20px 0}.hero h1 span{color:#cf1124}.btn{display:inline-block;background:#0d2f5f;color:#fff;padding:14px 28px;border-radius:30px;margin-top:20px}
.section{padding:80px 6%}.alt{background:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card,.box,.logos div{background:#fff;border-left:5px solid #cf1124;padding:22px;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-top:25px;text-align:center;font-weight:bold}.note{margin-top:15px;color:#666}footer{background:#0d2f5f;color:#fff;padding:50px 6%;text-align:center}
@media(max-width:900px){.hero,.twocol{grid-template-columns:1fr}.hero h1{font-size:42px}nav{display:none}.right{text-align:center}}

/* Enhanced theme additions */
body{background:#f5f7fb!important}
.hero{background:linear-gradient(135deg,#fff 55%,#eef6ff)!important;overflow:hidden;position:relative}
.hero::before{content:'';position:absolute;left:-120px;top:120px;width:300px;height:300px;background:#0d2f5f;clip-path:polygon(0 0,100% 0,0 100%);opacity:.08}
.hero::after{content:'';position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;background:#cf1124;clip-path:polygon(50% 0,100% 100%,0 100%);z-index:0}
.left,.right{position:relative;z-index:2}
.section:nth-of-type(1){background:#fff}
.section.alt{background:linear-gradient(180deg,#eef6ff,#ffffff)}
#mission{background:#0d2f5f;color:#fff}
#mission .box{background:rgba(255,255,255,.08);color:#fff;border-left:4px solid #fff}
#clients{background:#fff}
.logos{overflow:hidden;display:flex;gap:40px;align-items:center;white-space:nowrap;animation:marquee 18s linear infinite}
.logos img{height:60px;width:auto;filter:grayscale(100%);transition:.3s}
.logos img:hover{filter:none;transform:scale(1.08)}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
footer{background:linear-gradient(135deg,#0b2d59,#081f3d)!important}
.card{transition:.35s!important}
.card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 35px rgba(0,0,0,.15)}


/* ===== Premium About Section ===== */
#about{
background:#fff;
position:relative;
padding:90px 0;
overflow:hidden;
}
#about .about-wrap{
display:grid;
grid-template-columns:330px 1fr 420px;
max-width:1400px;
margin:auto;
align-items:stretch;
}
#about .about-left{
background:#082b57;
color:#fff;
padding:40px;
clip-path:polygon(0 0,100% 0,85% 100%,0 100%);
}
#about .about-left h3{margin-bottom:25px;font-size:28px}
#about .about-left li{list-style:none;margin:18px 0;padding-left:10px}
#about .about-center{padding:50px;background:#fff}
#about .about-center h2{font-size:48px;color:#0b2d59}
#about .about-center .line{width:120px;height:5px;background:#d71920;margin:18px 0 28px}
#about .about-right{
background:linear-gradient(135deg,#eef6ff,#fff);
display:flex;align-items:center;justify-content:center;
}
#about .about-right img{max-width:90%;animation:float 5s ease-in-out infinite}
#about .about-bottom{
background:#082b57;color:#fff;
max-width:1400px;margin:auto;
padding:20px 40px;
display:flex;justify-content:space-around;gap:20px;
border-radius:0 0 12px 12px;
}
@keyframes float{50%{transform:translateY(-10px)}}
@media(max-width:1000px){
#about .about-wrap{grid-template-columns:1fr}
#about .about-left{clip-path:none}
#about .about-bottom{flex-direction:column}
}