<!DOCTYPE html>

<html lang="pt-br">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>PrimeHealth Institute</title>

    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">

    <style>

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }


        body {

            font-family: 'Inter', sans-serif;

            background-color: #ffffff;

            color: #1a1a1a;

            display: flex;

            flex-direction: column;

            min-height: 100vh;

        }


        main {

            flex: 1;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            padding: 60px 20px;

            max-width: 900px;

            margin: 0 auto;

            width: 100%;

        }


        /* Headline Atualizada */

        h1 {

            font-size: 2.8rem;

            font-weight: 700;

            margin-bottom: 40px;

            text-align: center;

            letter-spacing: -1.5px;

            color: #111;

        }


        .video-container {

            width: 100%;

            position: relative;

            padding-bottom: 56.25%;

            height: 0;

            overflow: hidden;

            border-radius: 12px;

            box-shadow: 0 20px 40px rgba(0,0,0,0.08);

            background: #f4f4f4;

        }


        .video-container iframe {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            border: none;

        }


        footer {

            background-color: #f9f9f9;

            color: #888;

            text-align: center;

            padding: 30px 0;

            font-size: 0.85rem;

            border-top: 1px solid #eee;

        }


        @media (max-width: 600px) {

            h1 { font-size: 2rem; }

        }

    </style>

</head>

<body>


    <main>

        <h1>PrimeHealth Institute</h1>

        

        <div class="video-container">

            <iframe 

                src="https://www.youtube.com/embed/dQw4w9WgXcQ" 

                title="PrimeHealth Video" 

                allowfullscreen>

            </iframe>

        </div>

    </main>


    <footer>

        <p>&copy; 2026 PrimeHealth Institute. Todos os direitos reservados.</p>

    </footer>


</body>

</html>