html, body {
            margin: 0;
            padding: 0;
            height: 100%;
            font-family: 'Poppins', sans-serif;
            color: #fff;
        }

        body {
            background: url('/assets/images/landing-page.jpg') center center / cover no-repeat;
            position: relative;
        }

        body::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.65);
            z-index: 0;
            pointer-events: none;
        }


        .top-right {
            position: absolute;
            right: 40px;
            top: 30px;
            z-index: 3;
        }

        .top-right a {
            color: #fff;
            text-decoration: none;
            margin-left: 20px;
            font-weight: 600;
            transition: 0.3s;
        }

        .top-right a:hover {
            color: #e50914;
        }

        .center-content {
            position: relative;
            z-index: 2;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            text-align: center;
        }

        .title {
            font-size: 70px;
            font-weight: 800;
            margin-bottom: 20px;
            letter-spacing: 3px;
        }

        .subtitle {
            font-size: 20px;
            color: #ccc;
            margin-bottom: 35px;
        }

        .btn-start {
            padding: 14px 40px;
            background: #e50914;
            color: #fff;
            text-decoration: none;
            font-weight: 600;
            border-radius: 50px;
            transition: 0.3s;
        }

        .btn-start:hover {
            background: #ff1f1f;
            transform: scale(1.05);
        }

        @media (max-width: 768px) {
            .title {
                font-size: 40px;
            }

            .subtitle {
                font-size: 16px;
            }
        }