.gradient-cold-text {
    background-image: linear-gradient(88deg, #b1b1dd, #7a78e7 31%, #b678e7);
}

.gradient-cold-background {
    background: linear-gradient(135deg, #6e8efb 0%, #a777e3 100%);
}

.gradient-warm {
    background-image: linear-gradient(90deg, rgb(166, 107, 254), rgb(255, 113, 188) 49%, rgb(255, 167, 106));
}

.shadow-warm {
    box-shadow: rgba(244, 133, 0, 0.25) 0px 2px 10px;
}

.pricing-card {
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.067);
    border: 1px solid rgba(255, 255, 255, 0.086);
}

.pricing-card-popular {
    border-radius: 12px;
    border: 2px solid rgb(141, 53, 208);
    background: rgba(255, 255, 255, 0.067);
}

.input-base {
    width: 100%;
    height: 50px;
    border-radius: 15px;
    padding: 8px 16px;
    background: rgba(24, 24, 24, 0.54);
    border: 1px solid rgb(47, 47, 47);
    color: white;
}

.input-base:focus {
    outline: none;
    border: 2px solid #a72462 !important;
}

textarea::placeholder {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bg-hero-tile {
    background-image: url('/images/tiled_bg.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}