@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Poppins:wght@600;700&display=swap');
:root{--navy:#002244;--lime:#A3D133;--white:#ffffff}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Open Sans',sans-serif;background:#fff;color:#0f1724;min-height:100vh;display:flex;align-items:center;justify-content:center}
.container{width:100%;max-width:1000px;margin:40px auto;padding:28px;position:relative}
.hero{background-image:url('assets/background.jpg');background-size:cover;background-position:center;border-radius:12px;padding:80px 36px;box-shadow:0 8px 40px rgba(2,18,34,0.12);position:relative;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,34,68,0.45), rgba(0,34,68,0.55));mix-blend-mode:multiply;border-radius:12px}
.logo-wrap{position:relative;z-index:3;text-align:center;margin-bottom:18px}
.logo-wrap img{max-width:420px;height:auto;display:inline-block}
.tag{color:var(--white);text-align:center;font-family:'Poppins',sans-serif;font-size:20px;margin-top:10px;opacity:0.95;z-index:3}
.headline{color:var(--white);font-family:'Poppins',sans-serif;font-size:34px;text-align:center;margin-top:24px;z-index:3}
.sub{color:rgba(255,255,255,0.9);text-align:center;margin-top:12px;max-width:760px;margin-left:auto;margin-right:auto;z-index:3}
.buttons{display:flex;gap:12px;justify-content:center;margin-top:22px;z-index:3}
.btn{background:var(--lime);color:var(--navy);padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 18px rgba(10,30,50,0.12)}
.btn.wh{background:transparent;border:2px solid rgba(255,255,255,0.18);color:var(--white)}

.footer{margin-top:22px;text-align:center;color:rgba(255,255,255,0.85);font-size:13px;z-index:3}
/* fade-in animation */
.fade-in{opacity:0;transform:translateY(8px);animation:fadeInUp 0.9s ease forwards}
@keyframes fadeInUp{to{opacity:1;transform:none}}
/* responsive */
@media(max-width:720px){.hero{padding:60px 18px}.headline{font-size:26px}.logo-wrap img{max-width:320px}}