/* 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;
            }
        }

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

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

        /* Confete individual */
        .confetti {
            position: absolute;
            width: 10px;
            height: 10px;
            animation: fall 5s linear infinite;
            opacity: 0.8;
        }

        /* Formas de confete */
        .confetti.circle {
            border-radius: 50%;
        }

        .confetti.square {
            border-radius: 2px;
        }

        .confetti.rectangle {
            width: 8px;
            height: 14px;
            border-radius: 2px;
        }

        .confetti.triangle {
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 12px solid;
        }

        /* Cores vibrantes do carnaval */
        .confetti.color1 { background-color: #FF1493; }
        .confetti.color2 { background-color: #FFD700; }
        .confetti.color3 { background-color: #00CED1; }
        .confetti.color4 { background-color: #FF4500; }
        .confetti.color5 { background-color: #9370DB; }
        .confetti.color6 { background-color: #32CD32; }
        .confetti.color7 { background-color: #FF69B4; }
        .confetti.color8 { background-color: #FFA500; }

        /* Animação de queda dos confetes */
        @keyframes fall {
            0% {
                top: -10%;
                transform: translateX(0) rotate(0deg);
            }
            100% {
                top: 110%;
                transform: translateX(100px) rotate(720deg);
            }
        }

        /* Tamanhos diferentes */
        .confetti.small {
            width: 6px;
            height: 6px;
        }

        .confetti.medium {
            width: 10px;
            height: 10px;
        }

        .confetti.large {
            width: 14px;
            height: 14px;
        }

        /* Serpentinas */
        .serpentine {
            position: absolute;
            width: 8px;
            height: 60px;
            background: linear-gradient(180deg, 
                transparent 0%, 
                currentColor 10%, 
                currentColor 90%, 
                transparent 100%);
            border-radius: 4px;
            animation: serpentine-fall 6s ease-in-out infinite;
            opacity: 0.7;
            transform-origin: top center;
        }

        @keyframes serpentine-fall {
            0% {
                top: -10%;
                transform: translateX(0) rotate(0deg);
                opacity: 0;
            }
            10% {
                opacity: 0.7;
            }
            90% {
                opacity: 0.5;
            }
            100% {
                top: 110%;
                transform: translateX(-50px) rotate(360deg);
                opacity: 0;
            }
        }

        /* Varal de máscaras e instrumentos */
        .carnival-garland-container {
            position: fixed;
            top: 29px;
            left: 0;
            width: 100%;
            height: 150px;
            pointer-events: none;
            z-index: 999999;
            overflow: visible;
        }

        .garland-wire {
            position: absolute;
            top: 20px;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, 
                rgba(255, 20, 147, 0.6) 0%, 
                rgba(255, 215, 0, 0.8) 25%,
                rgba(0, 206, 209, 0.8) 50%,
                rgba(255, 105, 180, 0.8) 75%,
                rgba(255, 20, 147, 0.6) 100%);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }

        .garland-item {
            position: absolute;
            top: 20px;
            transform-origin: top center;
            animation: swing-carnival 3s ease-in-out infinite;
            filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
        }

        .item-string {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            height: 25px;
            background: linear-gradient(180deg, rgba(255, 215, 0, 0.8) 0%, transparent 100%);
        }

        @keyframes swing-carnival {
            0%, 100% {
                transform: rotate(-8deg);
            }
            50% {
                transform: rotate(8deg);
            }
        }

        /* MÁSCARA */
        .carnival-mask {
            position: relative;
            width: 40px;
            height: 28px;
            margin-top: 25px;
        }

        .mask-base {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 38px;
            height: 22px;
            background: linear-gradient(135deg, #FF1493 0%, #FF69B4 50%, #FF1493 100%);
            border-radius: 20px 20px 10px 10px;
            border: 2px solid #FFD700;
            box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.3);
        }

        .mask-eye {
            position: absolute;
            top: 7px;
            width: 10px;
            height: 8px;
            background: #000;
            border-radius: 50%;
        }

        .mask-eye.left { left: 6px; }
        .mask-eye.right { right: 6px; }

        .mask-feather {
            position: absolute;
            top: -8px;
            width: 8px;
            height: 14px;
            background: linear-gradient(45deg, rgba(0, 206, 209, 0.8) 0%, rgba(147, 112, 219, 0.8) 100%);
            border-radius: 50% 50% 0 0;
            transform-origin: bottom center;
        }

        .mask-feather:nth-child(1) { left: 8px; transform: rotate(-15deg); }
        .mask-feather:nth-child(2) { left: 15px; transform: rotate(-5deg); height: 16px; }
        .mask-feather:nth-child(3) { right: 15px; transform: rotate(5deg); height: 16px; }
        .mask-feather:nth-child(4) { right: 8px; transform: rotate(15deg); }

        .mask-decoration {
            position: absolute;
            top: 3px;
            left: 50%;
            transform: translateX(-50%);
            width: 4px;
            height: 4px;
            background: #FFD700;
            border-radius: 50%;
        }

        .mask-shine {
            position: absolute;
            top: 4px;
            left: 8px;
            width: 6px;
            height: 8px;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, transparent 100%);
            border-radius: 50%;
        }

        /* PANDEIRO */
        .tambourine {
            position: relative;
            width: 35px;
            height: 35px;
            margin-top: 25px;
        }

        .tambourine-rim {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 34px;
            height: 34px;
            background: linear-gradient(135deg, #8B4513 0%, #D2691E 50%, #8B4513 100%);
            border-radius: 50%;
            border: 2px solid #654321;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 3px 6px rgba(0, 0, 0, 0.3);
        }

        .tambourine-skin {
            position: absolute;
            top: 4px;
            left: 50%;
            transform: translateX(-50%);
            width: 26px;
            height: 26px;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(245, 245, 220, 0.8) 50%, rgba(222, 184, 135, 0.7) 100%);
            border-radius: 50%;
        }

        .tambourine-jingle {
            position: absolute;
            width: 6px;
            height: 6px;
            background: radial-gradient(circle, #FFD700 0%, #DAA520 100%);
            border-radius: 50%;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        }

        .tambourine-jingle:nth-child(3) { top: 2px; left: 14px; }
        .tambourine-jingle:nth-child(4) { bottom: 2px; left: 14px; }
        .tambourine-jingle:nth-child(5) { left: 2px; top: 14px; }
        .tambourine-jingle:nth-child(6) { right: 2px; top: 14px; }

        .tambourine-pattern {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 12px;
            height: 12px;
            border: 2px solid rgba(255, 20, 147, 0.4);
            border-radius: 50%;
        }

        /* NOTA MUSICAL */
        .music-note {
            position: relative;
            width: 25px;
            height: 40px;
            margin-top: 25px;
        }

        .note-head {
            position: absolute;
            bottom: 8px;
            left: 2px;
            width: 14px;
            height: 11px;
            background: linear-gradient(135deg, #9370DB 0%, #6A0DAD 100%);
            border-radius: 50%;
            transform: rotate(-20deg);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }

        .note-stem {
            position: absolute;
            bottom: 13px;
            right: 5px;
            width: 3px;
            height: 25px;
            background: linear-gradient(180deg, #9370DB 0%, #6A0DAD 100%);
            border-radius: 2px;
        }

        .note-flag {
            position: absolute;
            top: 2px;
            right: 2px;
            width: 10px;
            height: 12px;
            background: linear-gradient(135deg, #9370DB 0%, transparent 100%);
            border-radius: 0 8px 8px 0;
        }

        .note-shine {
            position: absolute;
            bottom: 12px;
            left: 5px;
            width: 5px;
            height: 4px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 50%;
            transform: rotate(-20deg);
        }

        /* MARACÁ */
        .maraca {
            position: relative;
            width: 28px;
            height: 45px;
            margin-top: 25px;
        }

        .maraca-head {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 24px;
            height: 24px;
            background: linear-gradient(135deg, #FF4500 0%, #FF6347 50%, #FF4500 100%);
            border-radius: 50%;
            border: 2px solid #FFD700;
            box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.3);
        }

        .maraca-pattern {
            position: absolute;
            width: 4px;
            height: 4px;
            background: #FFD700;
            border-radius: 50%;
        }

        .maraca-pattern:nth-child(1) { top: 6px; left: 10px; }
        .maraca-pattern:nth-child(2) { top: 12px; left: 6px; }
        .maraca-pattern:nth-child(3) { top: 12px; right: 6px; }
        .maraca-pattern:nth-child(4) { bottom: 6px; left: 10px; }

        .maraca-handle {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 8px;
            height: 22px;
            background: linear-gradient(180deg, #8B4513 0%, #654321 100%);
            border-radius: 0 0 4px 4px;
        }

        .maraca-neck {
            position: absolute;
            top: 22px;
            left: 50%;
            transform: translateX(-50%);
            width: 6px;
            height: 4px;
            background: #654321;
            border-radius: 50%;
        }

        .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; }
        .garland-item:nth-child(11) { animation-delay: -0.3s; }
        .garland-item:nth-child(12) { animation-delay: -1.8s; }

        .garland-item:nth-child(even) { animation-duration: 3.5s; }
        .garland-item:nth-child(3n) { animation-duration: 4s; }
        .garland-item:nth-child(5n) { animation-duration: 2.8s; }