/* Reset + Basis */
* { margin:0; padding:0; box-sizing:border-box; }
body, h1,h2,h3,p,a { font-family:sans-serif; }
.container { max-width:1200px; margin:0 auto; padding:1rem; }

/* Header */
header { background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.1); }
.header-anim { display:flex; justify-content:space-between; align-items:center; opacity:0; animation:fadeIn 1s forwards; }
.logo { width:150px; }
nav a { margin-left:1rem; color:#333; text-decoration:none; position:relative; }
nav a::after { content:""; position:absolute; width:0; height:2px; background:#0078D4; bottom:-2px; left:0; transition:width .3s; }
nav a:hover::after { width:100%; }

/* Hero */
.hero { background:linear-gradient(135deg,#004466,#0078D4); color:#fff; min-height:80vh; display:flex; align-items:center; text-align:center; }
.hero-content { opacity:0; transform:translateY(30px); animation:slideUp 1s forwards; }
.btn-group { margin-top:1.5rem; }
.btn { padding:0.75rem 1.5rem; border-radius:999px; text-decoration:none; font-weight:bold; transition:all .3s; }
.btn.primary { background:#fff; color:#0078D4; margin-right:1rem; }
.btn.outline { border:2px solid #fff; color:#fff; }
.btn.primary:hover { background:#f0f0f0; }
.btn.outline:hover { background:#fff; color:#0078D4; }

/* Sections */
section { padding:4rem 0; }
.mission { background:#f9f9f9; text-align:center; animation:fadeIn 1s ease 0.5s forwards; opacity:0; }
.features { display:flex; justify-content:space-around; text-align:center; }
.feature { background:#fff; padding:2rem; border-radius:12px; width:30%; opacity:0; transform:translateY(30px); animation:slideUp 1s forwards; }
.feature.delay-1 { animation-delay:0.3s; }
.feature.delay-2 { animation-delay:0.6s; }

/* Footer */
.footer { background:#f1f1f1; text-align:center; padding:1.5rem; opacity:0; animation:fadeIn 1s ease 0.8s forwards; }

/* Keyframes */
@keyframes fadeIn { to { opacity:1; } }
@keyframes slideUp { to { opacity:1; transform:translateY(0); } }