:root {

    --primary: #002472;

    --secondary: #020c56;

    --gold: #d4a574;

    --gold-light: #f0d5b0;

    --white: #ffffff;

    --light: #f8f9fa;

    --text: #333333;

    --text-muted: #666666;

    --shadow: 0 4px 20px rgba(0,0,0,0.1);

    --shadow-lg: 0 10px 40px rgba(0,0,0,0.15);

    --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);

}

* { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior:smooth; }

body { font-family:'Poppins',sans-serif; color:var(--text); background:var(--light); overflow-x:hidden; }



/* TOP BAR */

.top-bar { background:var(--secondary); color:var(--white); padding:0.55rem 2rem; font-size:0.82rem; }

.top-bar-inner { display:flex; justify-content:space-between; align-items:center; max-width:1400px; margin:0 auto; }

.top-bar-left { display:flex; gap:2rem; }

.top-bar-info { display:flex; align-items:center; gap:0.5rem; }

.top-bar-info i { color:var(--gold); }

.top-bar-right { display:flex; gap:1.5rem; }

.top-bar-right a, .email-link { color:var(--white); text-decoration:none; transition:color 0.3s; }

.top-bar-right a:hover { color:var(--gold); }



/* HEADER */

.header { background:var(--white); padding:0.9rem 2rem; }

.header-inner { display:flex; align-items:center; gap:1.5rem; max-width:1400px; margin:0 auto; }

.header-logo img { height:80px; width:auto; }

.header-text h1 { font-family: 'Cooper Black','Georgia',serif; font-size: clamp(1.08rem,1.9vw,1.45rem); color: var(--blue); font-weight: 900; margin-bottom: 2px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  letter-spacing: 0.08em }

.header-text .sub { font-size:0.78rem; color:var(--text-muted); margin-top:3px; }

.header-subtitle { font-size: clamp(.68rem,.9vw,.78rem); color: var(--accent-copper); font-weight: 600; margin-bottom: 1px; font-style: italic; line-height: 1.3;  letter-spacing: 0.05em;

 }

.header-info     { font-size: clamp(.62rem,.8vw,.72rem); color: var(--accent-copper); line-height: 1.3; font-weight: 600;  letter-spacing: 0.05em;}



/* NAVBAR */

.navbar { background:var(--primary); }

.nav-inner { display:flex; justify-content:center; list-style:none; max-width:1400px; margin:0 auto; }

.nav-inner li a { display:flex; align-items:center; gap:0.5rem; padding:0.9rem 1.35rem; color:var(--white); text-decoration:none; font-size:0.87rem; font-weight:500; border-right:1px solid rgba(255,255,255,0.1); transition:background 0.3s,color 0.3s; white-space:nowrap; }

.nav-inner li:first-child a { border-left:none; }

.nav-inner li a:hover, .nav-inner li a.active { background:var(--secondary); color:var(--gold); }



/* PAGE HERO */

.page-hero {

    background:linear-gradient(135deg, rgba(2,12,86,0.93) 0%, rgba(0,36,114,0.87) 100%),

                url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=1600&h=500&fit=crop') center/cover;

    padding:5rem 2rem 4rem; text-align:center; color:var(--white);

}

.breadcrumb { font-size:0.83rem; color:var(--gold-light); margin-bottom:0.8rem; }

.breadcrumb a { color:var(--gold); text-decoration:none; }

.page-hero h2 { font-family:'poppins',serif; font-size:2.9rem; font-weight:800; margin-bottom:0.8rem; }

.page-hero p { font-size:1rem; color:rgba(255,255,255,0.8); max-width:560px; margin:0 auto; }



/* STATS STRIP */

.stats-strip { background:var(--primary); padding:1.5rem 2rem; }

.stats-strip-inner { display:flex; justify-content:center; gap:5rem; max-width:1400px; margin:0 auto; flex-wrap:wrap; }

.stat-item { text-align:center; color:var(--white); }

.stat-item .num { font-size:2.2rem; font-weight:800; color:var(--gold); line-height:1; }

.stat-item .lbl { font-size:0.75rem; text-transform:uppercase; letter-spacing:1.5px; margin-top:4px; opacity:0.8; }



/* MAIN */

.main { max-width:1400px; margin:0 auto; padding:4rem 2rem 3rem; }

.section-header { text-align:center; margin-bottom:3rem; }

.section-header h3 { font-size:2rem; font-weight:700; color:var(--primary); display:inline-block; position:relative; padding-bottom:0.7rem; }

.section-header h3::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:70px; height:4px; background:var(--gold); border-radius:2px; }

.section-header p { margin-top:1.2rem; color:var(--text-muted); font-size:0.97rem; }



/* BATCH CARDS */

.batch-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:2.5rem; }



.batch-card { background:var(--white); border-radius:20px; overflow:hidden; box-shadow:var(--shadow); border:2px solid transparent; transition:var(--transition); text-decoration:none; color:inherit; display:block; }

.batch-card:hover { transform:translateY(-12px); box-shadow:var(--shadow-lg); border-color:var(--gold); }



.batch-card-header { background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); padding:2.5rem 2rem; text-align:center; position:relative; overflow:hidden; }

.batch-card-header::before { content:''; position:absolute; top:-30px; right:-30px; width:120px; height:120px; background:rgba(212,165,116,0.15); border-radius:50%; }

.batch-card-header::after { content:''; position:absolute; bottom:-20px; left:-20px; width:90px; height:90px; background:rgba(255,255,255,0.05); border-radius:50%; }

.year-icon { font-size:3rem; display:block; margin-bottom:0.7rem; position:relative; z-index:1; }

.batch-year { font-size:2rem; font-weight:800; color:var(--gold); letter-spacing:1px; display:block; position:relative; z-index:1; }

.batch-label { font-size:0.76rem; color:rgba(255,255,255,0.7); text-transform:uppercase; letter-spacing:2px; margin-top:5px; position:relative; z-index:1; }



.batch-card-body { padding:2rem; }

.batch-meta { display:flex; flex-direction:column; gap:0.85rem; margin-bottom:1.6rem; }

.batch-meta-item { display:flex; align-items:center; gap:0.8rem; font-size:0.88rem; color:var(--text-muted); }

.batch-meta-item i { color:var(--gold); width:16px; text-align:center; font-size:0.85rem; }

.batch-meta-item strong { color:var(--text); font-weight:600; }



.view-btn { display:flex; align-items:center; justify-content:center; gap:0.6rem; width:100%; padding:0.85rem; background:linear-gradient(135deg, var(--primary), var(--secondary)); color:var(--white); border-radius:50px; font-size:0.87rem; font-weight:600; letter-spacing:0.5px; transition:var(--transition); }

.batch-card:hover .view-btn { background:linear-gradient(135deg, var(--gold), #c4905a); color:var(--secondary); }



/* COMPANIES MARQUEE */

.companies-section { background:var(--primary); padding:2.2rem 0; margin-top:3rem; overflow:hidden; }

.companies-title { text-align:center; color:var(--gold); font-size:0.76rem; text-transform:uppercase; letter-spacing:3px; margin-bottom:1.2rem; }

.marquee-wrap { overflow:hidden; }

.marquee-track { display:flex; gap:2.5rem; animation:marquee 28s linear infinite; width:max-content; }

.marquee-track:hover { animation-play-state:paused; }

.company-chip { background:rgba(255,255,255,0.1); color:var(--white); padding:0.45rem 1.3rem; border-radius:50px; font-size:0.83rem; border:1px solid rgba(212,165,116,0.3); flex-shrink:0; white-space:nowrap; }

@keyframes marquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }



/* FOOTER */

.footer { background:var(--secondary); color:var(--white); padding:3rem 2rem 1.2rem; }

.footer-inner { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:2.5rem; max-width:1400px; margin:0 auto 2rem; }

.footer-title { color:var(--gold); font-size:1.05rem; font-weight:600; margin-bottom:1rem; }

.footer-links { list-style:none; }

.footer-links li { margin-bottom:0.55rem; }

.footer-links a { color:#ccc; text-decoration:none; font-size:0.86rem; transition:color 0.3s,padding 0.3s; display:inline-block; }

.footer-links a:hover { color:var(--gold); padding-left:6px; }

.footer-contact { list-style:none; }

.footer-contact li { display:flex; gap:0.8rem; color:#ccc; font-size:0.85rem; margin-bottom:0.7rem; align-items:flex-start; }

.footer-contact li i { color:var(--gold); margin-top:3px; flex-shrink:0; }

.social-links { display:flex; gap:0.7rem; margin-top:1.2rem; }

.social-links a { width:36px; height:36px; background:rgba(255,255,255,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--white); text-decoration:none; transition:var(--transition); font-size:0.85rem; }

.social-links a:hover { background:var(--gold); transform:translateY(-3px); }

.footer-bottom { text-align:center; border-top:1px solid rgba(255,255,255,0.1); padding-top:1.2rem; color:#aaa; font-size:0.8rem; max-width:1400px; margin:0 auto; }

.footer-bottom a { color:var(--gold); text-decoration:none; }



/* SCROLL TO TOP */

.scroll-top { position:fixed; bottom:25px; right:25px; width:46px; height:46px; background:var(--primary); color:var(--white); border:none; border-radius:50%; font-size:1.2rem; cursor:pointer; display:none; box-shadow:var(--shadow); transition:var(--transition); z-index:999; align-items:center; justify-content:center; }

.scroll-top:hover { background:var(--gold); transform:translateY(-3px); }

.scroll-top.show { display:flex; }



/* RESPONSIVE */

@media(max-width:768px){

    .top-bar { display:none; }

    .page-hero h2 { font-size:2rem; }

    .stats-strip-inner { gap:2.5rem; }

    .batch-grid { grid-template-columns:1fr; }

    .nav-inner { overflow-x:auto; justify-content:flex-start; }

}