/* Base */
body {
    font-family: 'Arial', sans-serif;
    margin:0;
    padding:0;
    background:#145214; /* dark green background */
    color:#fff;
    overflow-x:hidden;
}

/* Header */
header {
    background: linear-gradient(135deg, #145214, #1e7e34);
    color:white;
    padding:60px 20px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,0.15);
}

header h1 {
    font-size:3em;
    font-weight:bold;
    color:#ffd700; /* yellow title */
    text-shadow:1px 1px 5px rgba(0,0,0,0.3);
}

header p {
    font-size:1.2em;
    margin-top:10px;
    color:#ffd700;
}

nav {
    margin-top:20px;
}

nav a {
    color:#ffd700;
    text-decoration:none;
    margin:0 15px;
    font-weight:bold;
    transition: all 0.4s ease;
    position: relative;
}

nav a::after {
    content:"";
    display:block;
    width:0;
    height:3px;
    background:#ffd700;
    transition: width 0.3s;
    position:absolute;
    bottom:-5px;
    left:0;
}

nav a:hover::after {
    width:100%;
}

nav a:hover {
    transform: scale(1.1);
}

/* Sections */
section {
    padding:60px 20px;
    max-width:1000px;
    margin:auto;
    background:#196619; /* dark green section */
    border-radius:20px;
    margin-bottom:50px;
    box-shadow:0 15px 40px rgba(0,0,0,0.2);
    opacity:0;
    transform: translateY(80px) scale(0.95);
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

section.visible {
    opacity:1;
    transform: translateY(0) scale(1);
}

/* Section titles with icons */
section h2::before {
    content: "\f121"; /* Font Awesome default icon placeholder */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right:10px;
    color:#ffd700;
}

/* PDF iframe */
iframe {
    width:100%;
    height:600px;
    border:3px solid #ffd700;
    border-radius:15px;
    box-shadow:0 0 30px rgba(255, 215, 0, 0.3);
    margin-top:20px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

iframe:hover {
    transform: scale(1.03);
    box-shadow:0 0 60px rgba(255, 215, 0, 0.7);
}

/* Captions */
.caption {
    margin-top:10px;
    font-weight:bold;
    color:#ffd700;
    font-size:1.1em;
    text-align:center;
}