/* Container das estrelas */
        .stars-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 0;
            overflow: hidden;
        }

        /* Estrela individual */
        .star {
            position: absolute;
            color: #ffd700;
            font-size: 24px;
            animation: twinkle 2s ease-in-out infinite;
            text-shadow: 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor;
        }

        /* Estrela pequena */
        .star.small {
            font-size: 16px;
        }

        /* Estrela média */
        .star.medium {
            font-size: 24px;
        }

        /* Estrela grande */
        .star.large {
            font-size: 32px;
        }

        /* Cores diferentes para as estrelas */
        .star.gold {
            color: #ffd700;
        }

        .star.silver {
            color: #e8e8e8;
        }

        .star.white {
            color: #ffffff;
        }

        .star.champagne {
            color: #f4e4c1;
        }

        .star.blue {
            color: #87ceeb;
        }

        /* Animação de piscar */
        @keyframes twinkle {
            0%, 100% {
                opacity: 0.3;
                transform: scale(0.8) rotate(0deg);
            }
            50% {
                opacity: 1;
                transform: scale(1.2) rotate(180deg);
            }
        }

        /* Animação de pulsar (para algumas estrelas especiais) */
        @keyframes pulse {
            0%, 100% {
                opacity: 0.4;
                transform: scale(0.9);
            }
            50% {
                opacity: 1;
                transform: scale(1.3);
            }
        }

        /* Estrelas que pulsam em vez de piscar */
        .star.pulse {
            animation: pulse 3s ease-in-out infinite;
        }

        /* Estrelas cadentes ocasionais */
        .shooting-star {
            position: absolute;
            width: 2px;
            height: 2px;
            background: #ffffff;
            border-radius: 50%;
            box-shadow: 0 0 4px 2px #ffffff;
            animation: shoot 3s linear infinite;
            opacity: 0;
        }

        @keyframes shoot {
            0% {
                opacity: 0;
                transform: translate(0, 0);
            }
            10% {
                opacity: 1;
            }
            90% {
                opacity: 0.5;
            }
            100% {
                opacity: 0;
                transform: translate(-200px, 200px);
            }
        }

        /* Brilho de fundo sutil */
        .glow-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(40px);
            opacity: 0.1;
            animation: float 10s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% {
                transform: translate(0, 0);
            }
            50% {
                transform: translate(30px, -30px);
            }
        }

        /* Conteúdo da página */
        .content {
            position: relative;
            z-index: 1;
            text-align: center;
            padding: 150px 20px 50px;
            color: white;
        }

        .content h1 {
            font-size: 4em;
            margin-bottom: 20px;
            color: #ffd700;
            text-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
            animation: title-glow 2s ease-in-out infinite;
        }

        @keyframes title-glow {
            0%, 100% {
                text-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
            }
            50% {
                text-shadow: 0 0 40px rgba(255, 215, 0, 0.8);
            }
        }

        .content p {
            font-size: 1.3em;
            max-width: 700px;
            margin: 0 auto 30px;
            line-height: 1.8;
            color: #e8e8e8;
        }

        /* Número do ano com estrelas */
        .year-stars {
            font-size: 6em;
            font-weight: bold;
            background: linear-gradient(45deg, #ffd700, #ffffff, #ffd700);
            background-size: 200% 200%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: gradient-shift 3s ease infinite;
            margin: 30px 0;
        }

        @keyframes gradient-shift {
            0%, 100% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
        }

        /* Responsividade */
        @media (max-width: 768px) {
            .content h1 {
                font-size: 2.5em;
            }
            .year-stars {
                font-size: 4em;
            }
            .content p {
                font-size: 1.1em;
            }
        }

 /* Container do varal */
        .champagne-garland-container {
            position: fixed;
            top: 29px;
            left: 0;
            width: 100%;
            height: 150px;
            pointer-events: none;
            z-index: 999999;
            overflow: visible;
        }

        /* Fio do varal */
        .garland-wire {
            position: absolute;
            top: 20px;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, 
                rgba(218, 165, 32, 0.6) 0%, 
                rgba(255, 215, 0, 0.8) 50%, 
                rgba(218, 165, 32, 0.6) 100%);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }

        /* Item do varal (garrafa ou taça) */
        .garland-item {
            position: absolute;
            top: 20px;
            transform-origin: top center;
            animation: swing 3s ease-in-out infinite;
            filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
        }

        /* Cordinha que prende o item */
        .item-string {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            height: 25px;
            background: linear-gradient(180deg, rgba(218, 165, 32, 0.8) 0%, transparent 100%);
        }

        /* Animação de balanço */
        @keyframes swing {
            0%, 100% {
                transform: rotate(-5deg);
            }
            50% {
                transform: rotate(5deg);
            }
        }

        /* === GARRAFA DE CHAMPANHE === */
        .champagne-bottle {
            position: relative;
            width: 20px;
            height: 45px;
            margin-top: 25px;
        }

        /* Corpo da garrafa */
        .bottle-body {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 16px;
            height: 32px;
            background: linear-gradient(180deg, 
                #1a4d1a 0%, 
                #0d2f0d 50%, 
                #0a1f0a 100%);
            border-radius: 0 0 2px 2px;
            box-shadow: inset -1px 0 3px rgba(0, 0, 0, 0.4),
                        inset 1px 0 3px rgba(255, 255, 255, 0.1);
        }

        /* Gargalo da garrafa */
        .bottle-neck {
            position: absolute;
            bottom: 29px;
            left: 50%;
            transform: translateX(-50%);
            width: 8px;
            height: 13px;
            background: linear-gradient(180deg, 
                #2d5a2d 0%, 
                #1a4d1a 100%);
            border-radius: 1px 1px 0 0;
        }

        /* Tampa/Rolha */
        .bottle-cap {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            width: 9px;
            height: 5px;
            background: linear-gradient(180deg, #daa520 0%, #b8860b 100%);
            border-radius: 2px 2px 0 0;
            box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
        }

        /* Papel alumínio no gargalo */
        .bottle-foil {
            position: absolute;
            bottom: 39px;
            left: 50%;
            transform: translateX(-50%);
            width: 8px;
            height: 4px;
            background: linear-gradient(180deg, #e8e8e8 0%, #c0c0c0 100%);
            border-radius: 1px;
        }

        /* Rótulo da garrafa */
        .bottle-label {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            width: 13px;
            height: 12px;
            background: linear-gradient(135deg, #ffd700 0%, #ffed4e 50%, #daa520 100%);
            border-radius: 1px;
            border: 1px solid #b8860b;
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3);
        }

        /* Brilho na garrafa */
        .bottle-shine {
            position: absolute;
            top: 3px;
            left: 2px;
            width: 3px;
            height: 16px;
            background: linear-gradient(180deg, 
                rgba(255, 255, 255, 0.4) 0%, 
                transparent 100%);
            border-radius: 1px;
        }

        /* === TAÇA DE CHAMPANHE === */
        .champagne-glass {
            position: relative;
            width: 23px;
            height: 50px;
            margin-top: 25px;
        }

        /* Copa da taça */
        .glass-bowl {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 18px;
            height: 30px;
            background: linear-gradient(180deg, 
                rgba(255, 255, 255, 0.15) 0%,
                rgba(255, 255, 255, 0.25) 50%,
                rgba(255, 255, 255, 0.2) 100%);
            border-radius: 0 0 50% 50% / 0 0 40% 40%;
            border: 1.5px solid rgba(255, 255, 255, 0.4);
            border-top: none;
            box-shadow: inset -1px 0 5px rgba(255, 255, 255, 0.3),
                        inset 1px 0 5px rgba(255, 255, 255, 0.2),
                        0 3px 6px rgba(0, 0, 0, 0.2);
            overflow: hidden;
        }

        /* Champanhe dentro da taça */
        .glass-liquid {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 65%;
            background: linear-gradient(180deg, 
                rgba(255, 223, 127, 0.6) 0%,
                rgba(255, 215, 0, 0.5) 50%,
                rgba(218, 165, 32, 0.6) 100%);
            border-radius: 0 0 50% 50% / 0 0 40% 40%;
        }

        /* Bolhas no champanhe */
        .bubble {
            position: absolute;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            animation: bubble-rise linear infinite;
        }

        @keyframes bubble-rise {
            0% {
                bottom: 0;
                opacity: 0;
            }
            10% {
                opacity: 1;
            }
            90% {
                opacity: 0.6;
            }
            100% {
                bottom: 100%;
                opacity: 0;
            }
        }

        /* Haste da taça */
        .glass-stem {
            position: absolute;
            top: 29px;
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            height: 13px;
            background: linear-gradient(180deg, 
                rgba(255, 255, 255, 0.4) 0%,
                rgba(255, 255, 255, 0.3) 100%);
            border-radius: 1px;
        }

        /* Base da taça */
        .glass-base {
            position: absolute;
            top: 41px;
            left: 50%;
            transform: translateX(-50%);
            width: 12px;
            height: 3px;
            background: linear-gradient(180deg, 
                rgba(255, 255, 255, 0.35) 0%,
                rgba(255, 255, 255, 0.25) 100%);
            border-radius: 50%;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        }

        /* Brilho na taça */
        .glass-shine {
            position: absolute;
            top: 2px;
            left: 2px;
            width: 4px;
            height: 13px;
            background: linear-gradient(135deg, 
                rgba(255, 255, 255, 0.6) 0%,
                transparent 100%);
            border-radius: 2px 0 5px 0;
        }

        /* Delays diferentes para cada item */
        .garland-item:nth-child(2) { animation-delay: -0.5s; }
        .garland-item:nth-child(3) { animation-delay: -1s; }
        .garland-item:nth-child(4) { animation-delay: -1.5s; }
        .garland-item:nth-child(5) { animation-delay: -2s; }
        .garland-item:nth-child(6) { animation-delay: -2.5s; }
        .garland-item:nth-child(7) { animation-delay: -0.8s; }
        .garland-item:nth-child(8) { animation-delay: -1.3s; }
        .garland-item:nth-child(9) { animation-delay: -1.8s; }
        .garland-item:nth-child(10) { animation-delay: -2.3s; }

        /* Duração diferente para variar */
        .garland-item:nth-child(even) { animation-duration: 3.5s; }
        .garland-item:nth-child(3n) { animation-duration: 4s; }

        /* === CONTEÚDO DA PÁGINA === */
        .content {
            position: relative;
            z-index: 1;
            text-align: center;
            padding: 200px 20px 50px;
            color: white;
        }

        .content h1 {
            font-size: 3.5em;
            margin-bottom: 20px;
            color: #ffd700;
            text-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
        }

        .content p {
            font-size: 1.3em;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.8;
            color: #e8e8e8;
        }

        /* Responsividade */
        @media (max-width: 768px) {
            .content h1 {
                font-size: 2.5em;
            }
            
            .content p {
                font-size: 1.1em;
            }
        }