body {
        margin: 0;
        overflow: hidden;
        font-family: 'Montserrat', sans-serif;
        background-color: #000;
        color: white;
        min-height: 100vh;
        min-width: 100vw;
    }

    canvas#c {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 0;
        display: block;
        pointer-events: none;
    }

    .form-container,
    h1,
    .error {
        position: relative;
        z-index: 1;
    }

    html,
    body {
        overflow-x: hidden;
    }

    @keyframes scale-up-tl {
        0% {
            transform: scale(0.5) translate(-40px, -40px);
            opacity: 0;
        }

        100% {
            transform: scale(1) translate(0, 0);
            opacity: 1;
        }
    }

    .scale-up-tl {
        -webkit-animation: scale-up-tl 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        animation: scale-up-tl 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }

    @keyframes shakefix {
        0% {
            transform: translate(1px, 1px);
        }

        10% {
            transform: translate(-1px, -2px);
        }

        20% {
            transform: translate(-3px, 0px);
        }

        30% {
            transform: translate(3px, 2px);
        }

        40% {
            transform: translate(1px, -1px);
        }

        50% {
            transform: translate(-1px, 2px);
        }

        60% {
            transform: translate(-3px, 1px);
        }

        70% {
            transform: translate(3px, 1px);
        }

        80% {
            transform: translate(-1px, -1px);
        }

        90% {
            transform: translate(1px, 2px);
        }

        100% {
            transform: translate(1px, -2px);
        }
    }

    .shakeFix:hover {
        animation-name: shakefix;
        -webkit-animation-name: shakefix;
        -moz-animation-name: shakefix;
        animation-duration: 1s;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
    }

    .float {
        transition: box-shadow .5s, transform .5s, color .1s;
        -webkit-transition: box-shadow .5s, transform .5s, color .1s;
        -moz-transition: box-shadow .5s, transform .5s, color .1s;
    }

    .float:hover {
        box-shadow: 0 8px 8px 0 #000000, 0 8px 8px 0 #000000;
        transform: translate(0px, 5px) scale(1.05);
        /* Añadido grow con scale */
        -webkit-transform: translate(0px, 5px) scale(1.05);
        -moz-transform: translate(0px, 5px) scale(1.05);
    }