body{margin:0;font-family:Arial,sans-serif;background:#111827;color:#f3f4f6}
.hero{text-align:center;padding:60px 20px;background:#1f3f77}
.logo{
    width:90px;
    height:90px;
    object-fit:contain;
    background:white;
    border-radius:18px;
    padding:8px;
    margin-bottom:20px;
    box-shadow:0 8px 24px rgba(0,0,0,.35);
    border-radius:50%;
}
.hero h1{margin:0;font-size:48px}
.container{max-width:960px;margin:auto;padding:24px}
.card{background:#1f2937;padding:24px;border-radius:14px;margin-bottom:24px}
.cover{width:100%;border-radius:10px}
.button{display:inline-block;padding:12px 18px;background:#2563eb;color:white;text-decoration:none;border-radius:8px}
.video{
    position:relative;
    padding-top:56.25%;
}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
footer{text-align:center;padding:30px;color:#9ca3af}
a{color:#93c5fd}