.subscribe-section {
    min-height: 100vh;
    /* ANIMIRANI GRADIENT (možeš menjati boje ispod!) */
    background-size: 400% 400%;
    animation: gradientBG 12s ease infinite;
    display: flex;
    align-items: center;
    justify-content: center;
}

    @keyframes gradientBG {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }
.subscribe-card {
    /* ... tvoj gradient ... */
    background: linear-gradient(120deg, #f6e8ff 0%, #ede5ff 40%, #e3f1ff 100%);
    padding: 2.5rem 2rem;
    border-radius: 1.5rem;
    /* OVO JE FLOAT efekat: */
    box-shadow: 0 8px 32px 0 rgba(160, 125, 220, 0.17), /* glavni ljubičasti blur */
    0 1.5px 8px 0 rgba(120, 60, 190, 0.04), /* sekundarni shadow */
    0 1.5px 24px 0 rgba(120, 60, 190, 0.03); /* dugački fade */
    max-width: 400px;
    width: 100%;
    text-align: center;
    animation: fadeIn 0.7s;
    position: relative;
    z-index: 1;
    /* DODAJ I OVO za “lebdim” osećaj: */
    transition: box-shadow 0.3s, transform 0.2s;
}

    .subscribe-card:hover {
        box-shadow: 0 16px 48px 0 rgba(160, 125, 220, 0.22), 0 3px 16px 0 rgba(120, 60, 190, 0.06);
    }



        .subscribe-card h2 {
            font-weight: 800;
            letter-spacing: -1px;
            margin-bottom: 8px;
            color: #a259c2; /* glavna ljubičasta */
            text-shadow: 0 1px 2px #ede4fd;
        }

        .subscribe-card p {
            color: #855099;
            margin-bottom: 1.4rem;
        }

    .form-control {
        border-radius: 1.2rem;
        min-height: 45px;
        border: 1.5px solid #dab2ef;
        background: #faf7fd;
    }

    .btn-subscribe {
        background: linear-gradient(90deg, #a259c2 70%, #db6cfb 100%);
        color: #fff;
        font-weight: 700;
        padding: 12px 0;
        border-radius: 1.2rem;
        border: none;
        width: 100%;
        margin-top: 1rem;
        transition: background 0.2s, box-shadow 0.2s;
        box-shadow: 0 2px 16px 0 rgba(162,89,194,0.16);
        letter-spacing: 0.5px;
        font-size: 1.07rem;
    }

        .btn-subscribe:hover {
            background: linear-gradient(90deg, #7a2586 70%, #a259c2 100%);
            color: #fff;
            box-shadow: 0 4px 24px 0 rgba(162,89,194,0.18);
        }

    @keyframes fadeIn {
        0% {
            opacity: 0;
            transform: translateY(60px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

body {
    background: linear-gradient(135deg, #ecd9fa 0%, #ebd4ff 40%, #dedcff 100%);
}


.btn-subscribe:disabled,
.btn-subscribe[disabled] {
    color: #fff !important;
    background: linear-gradient(90deg, #af83ec, #ea7fe4); /* ili tvoja boja */
    opacity: 0.7;
    cursor: not-allowed;
    border: none;
}