body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: #f4f4f4; }
        .container { max-width: 1200px; margin: 0 auto; padding: 20px; }
        h1 { color: #ffffff; text-shadow: 0 2px 4px rgba(0,0,0,0.3); font-size: 2.5em; }
        h2, h3 { color: #333; }
        .hero { background: linear-gradient(to right, #000000, #2f2f2f); color: white; padding: 50px; text-align: center; border-radius: 10px; }
        .section { margin: 40px 0; }
        .section ul { list-style: none; padding: 0; }
        .section ul li { background: #fff; margin: 10px 0; padding: 15px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
        .cta { text-align: center; margin: 40px 0; }
        .start-btn { transition: all 0.3s ease-in-out; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); padding-block: 0.5rem; padding-inline: 1.25rem; background-color: rgb(0 107 179); border-radius: 50px; align-items: center; justify-content: center; gap: 10px; border: 3px solid #ffffff4d; outline: none; overflow: hidden; font-size: 15px; cursor: pointer; color: white; padding: 15px 30px; text-decoration: none; font-weight: bold; display: inline-block; }
        .start-btn:hover { background: #6a11cb; }
        .logo { max-width: 200px; height: auto; margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto; }
        .poster { max-width: 100%; height: auto; margin: 20px auto; display: block; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }