/* BRAND IDENTITY: NAVY BLUE & PROFESSIONAL SERIF */
body { 
    font-family: 'Georgia', serif; 
    background-color: #ffffff; 
    color: #000080; 
    margin: 0; padding: 0; line-height: 1.8; 
}

/* HERO IMAGE ARCHITECTURE */
.hero-img { 
    width: 100%; max-height: 500px; object-fit: cover; 
    display: block; border-bottom: 6px solid #000080; 
}

.container { max-width: 850px; margin: auto; padding: 40px 20px; }

h1 { 
    text-align: center; letter-spacing: 3px; text-transform: uppercase; 
    border-bottom: 2px solid #000080; padding-bottom: 10px; margin-bottom: 30px;
}

/* THE BILINGUAL IP BOX (Yesterday's Stable Version) */
.ip-box { 
    background-color: #f0f4f8; padding: 30px; 
    border-left: 8px solid #000080; margin: 40px 0; 
    box-shadow: 4px 4px 15px rgba(0,0,0,0.05);
}

.ip-line { margin-bottom: 20px; }

.ch { display: block; font-weight: bold; margin-bottom: 5px; color: #002366; }

.en { display: block; font-size: 0.95em; color: #333; font-style: italic; }

/* VIDEO ENGINE DISPLAY */
.video-engine { text-align: center; margin-top: 50px; }

video { 
    width: 100%; max-width: 720px; border-radius: 12px; 
    border: 2px solid #000080; background: #000; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.btn-play { 
    background-color: #000080; color: white; border: none; 
    padding: 15px 40px; font-size: 18px; cursor: pointer; 
    border-radius: 30px; margin-top: 25px; font-weight: bold;
    transition: transform 0.2s ease;
}

.btn-play:hover { transform: scale(1.05); }

/* COMPLIANCE FOOTER */
.footer { 
    text-align: center; font-size: 12px; color: #666; 
    margin-top: 80px; padding-bottom: 40px; border-top: 1px solid #eee;
    padding-top: 20px;
}