.emboss {
    color: white;

    text-shadow:
        0 1px 0 #ffffff,
        0 2px 0 #d8eeff,
        0 3px 0 #b7dcff,
        0 4px 8px rgba(0,0,0,.18);
}

.text-emboss {
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 25%,
        rgba(248, 252, 255, 0.95) 40%,
        rgba(227, 245, 253, 0.85) 58%,
        rgba(194, 231, 248, 0.65) 75%,
        rgba(155, 212, 239, 0.45) 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.65);

    filter:
        drop-shadow(0 1px 0 rgba(255, 255, 255, 0.85))
        drop-shadow(0 3px 4px rgba(60, 130, 170, 0.18));
}

.btn-soft {
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 55%,
        #f8f1fc 75%,
        #e5d2f2 100%
    );

    box-shadow:
        inset 0 4px 8px rgba(255, 255, 255, 0.95),
        inset 0 -8px 14px rgba(145, 90, 190, 0.25),
        0 8px 18px rgba(120, 60, 180, 0.30);
}

a, button {
    cursor: pointer;
}

.font-fredoka{
    font-family: "Fredoka", sans-serif !important;
}

.font-inter {
    font-family: "Inter", sans-serif !important;
}

.pack-box {
    background: #eaf7ff;
    border-radius: 30px;

    box-shadow:
        0 8px 12px rgba(50, 180, 240, 0.45),
        inset 0 2px 4px rgba(255, 255, 255, 0.9),
        inset 0 -2px 4px rgba(80, 190, 240, 0.15);
}

.section-title {
    font-size: clamp(
        24px,
        calc(6.29px + 1.786vw),
        32px
    );
}