@keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .slide-in {
            animation: slideIn 0.4s ease-out;
        }

        .fade-in {
            animation: fadeIn 0.3s ease-out;
        }

        .strength-bar {
            transition: width 0.3s ease, background-color 0.3s ease;
        }

        .check-icon {
            transition: all 0.3s ease;
        }


        body {
            background-color: #ffe4e6;
            background-image:
                url("data:image/svg+xml,%3Csvg width='400' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' fill='%23d4949a'%3E%3Cpath d='M80,60 Q70,40 80,30 Q90,40 80,60 M75,45 L85,45 M80,40 L80,50' transform='rotate(15 80 45)'/%3E%3Ccircle cx='150' cy='80' r='20' /%3E%3Cellipse cx='150' cy='78' rx='8' ry='3' fill='%23c47378'/%3E%3Cpath d='M145,60 Q150,55 155,60' fill='none' stroke='%23c47378' stroke-width='2'/%3E%3Cpath d='M250,100 Q240,85 235,95 Q230,105 240,110 Q250,105 250,100' transform='rotate(-20 240 100)'/%3E%3Cpath d='M235,85 Q240,80 245,85' fill='none' stroke='%23c47378' stroke-width='2'/%3E%3Cpath d='M320,60 L340,60 L350,80 L340,100 L320,100 L310,80 Z' transform='rotate(30 330 80)'/%3E%3Cpath d='M330,55 L335,60 L330,65' fill='none' stroke='%23c47378' stroke-width='2'/%3E%3Cpath d='M50,180 Q40,170 50,160 L55,155 Q65,165 55,175 Z' /%3E%3Cpath d='M52,150 Q55,145 58,150' fill='none' stroke='%23c47378' stroke-width='2'/%3E%3Ccircle cx='180' cy='200' r='25' /%3E%3Cpath d='M180,175 Q185,170 190,175' fill='none' stroke='%23c47378' stroke-width='2'/%3E%3Cpath d='M170,200 Q180,190 190,200 Q200,210 190,220 Q180,210 170,200' transform='rotate(45 180 200)'/%3E%3Cpath d='M300,180 L290,200 L300,220 L310,200 Z'/%3E%3Cpath d='M300,175 Q305,170 310,175' fill='none' stroke='%23c47378' stroke-width='2'/%3E%3Cellipse cx='120' cy='300' rx='30' ry='20' transform='rotate(-15 120 300)'/%3E%3Cpath d='M120,280 Q125,275 130,280' fill='none' stroke='%23c47378' stroke-width='2'/%3E%3Cpath d='M260,320 Q250,310 245,320 L250,340 Q260,335 260,320' transform='rotate(25 252 325)'/%3E%3Cpath d='M245,310 Q250,305 255,310' fill='none' stroke='%23c47378' stroke-width='2'/%3E%3Ccircle cx='350' cy='280' r='18'/%3E%3Cellipse cx='350' cy='278' rx='7' ry='3' fill='%23c47378'/%3E%3Cpath d='M345,265 Q350,260 355,265' fill='none' stroke='%23c47378' stroke-width='2'/%3E%3Cpath d='M40,320 L60,310 L70,330 L60,350 L40,340 Z' transform='rotate(-10 55 330)'/%3E%3C/g%3E%3C/svg%3E");
            background-size: 400px 400px;
            background-repeat: repeat;
        }