/*
 Event Sponsor Landing Page
 style.css
 Generated starter stylesheet
*/

/* ========= VARIABLES ========= */
:root{
 --primary:#2563eb;
 --primary-dark:#1d4ed8;
 --secondary:#0f172a;
 --accent:#38bdf8;
 --light:#f8fafc;
 --white:#fff;
 --text:#1e293b;
 --gray:#64748b;
 --border:#e2e8f0;
 --radius:16px;
 --shadow:0 10px 30px rgba(0,0,0,.08);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Poppins,sans-serif;color:var(--text);background:var(--white);line-height:1.7}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.section{padding:90px 0}
.section-title{text-align:center;margin-bottom:48px}
.section-title h2{font-size:2.3rem;color:var(--secondary);margin-bottom:10px}
.section-title p{color:var(--gray);max-width:650px;margin:auto}

/* Header */
.header{position:fixed;top:0;width:100%;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(0,0,0,.05)}
.navbar-brand{font-weight:700;font-size:1.8rem}
.navbar-brand span{color:var(--primary)}
.nav-link{font-weight:500}
.btn-primary{background:var(--primary);border:none;border-radius:12px;padding:12px 22px}
.btn-primary:hover{background:var(--primary-dark)}
.btn-outline-primary{border-radius:12px}

/* Hero */
.hero{padding:150px 0 100px;background:linear-gradient(180deg,#f8fbff,#eef5ff)}
.hero-tag{display:inline-block;padding:8px 16px;background:#e8f0ff;color:var(--primary);border-radius:30px;margin-bottom:20px;font-weight:600}
.hero h1{font-size:3.3rem;font-weight:700;margin-bottom:20px}
.hero h1 span{color:var(--primary)}
.hero p{color:var(--gray);margin-bottom:30px}
.hero-button{display:flex;gap:15px;flex-wrap:wrap}
.hero-counter{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap}
.counter-box{background:#fff;padding:20px;border-radius:16px;box-shadow:var(--shadow);min-width:120px;text-align:center}
.counter-box h3{color:var(--primary)}

/* About */
#about img{border-radius:20px;box-shadow:var(--shadow)}
#about ul li{margin-bottom:12px}
#about i{color:var(--primary);margin-right:8px}

/* Benefit */
#benefit{background:var(--light)}
.benefit-card{background:#fff;border-radius:18px;padding:32px;text-align:center;box-shadow:var(--shadow);height:100%;transition:.3s}
.benefit-card:hover{transform:translateY(-6px)}
.benefit-card i{font-size:2rem;color:var(--primary);margin-bottom:18px}

/* Package */
.package-card{background:#fff;border-radius:20px;padding:35px;box-shadow:var(--shadow);height:100%;transition:.3s}
.package-card:hover{transform:translateY(-8px)}
.package-card.featured{border:2px solid var(--primary)}
.package-card h2{color:var(--primary)}
.package-card ul{padding-left:1rem}
.package-card li{margin:.6rem 0}

/* Gallery */
#gallery{background:var(--light)}
#gallery img{height:280px;width:100%;object-fit:cover;border-radius:18px;transition:.3s}
#gallery img:hover{transform:scale(1.03)}

/* Contact */
#contact .form-control{border-radius:12px;padding:14px}
#contact textarea{resize:vertical}

/* Footer */
.footer{background:var(--secondary);color:#fff;padding:40px 0;text-align:center}
.footer p{color:#cbd5e1;margin:0}

/* Simple fade */
.fade-up{opacity:0;transform:translateY(20px);transition:.6s}
.fade-up.show{opacity:1;transform:none}