.decree-wrap{
    background: radial-gradient(90.2% 50% at 50% 50%, #FFFFFF 0%, #0095FF 100%);
    background-blend-mode: multiply, normal;
}

.decree-container{
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    padding: clamp(24px, 2.1vw, 40px) 0;
    min-height: clamp(560px, 52.6vw, 1010px);
    display: grid;
    place-items: start center;
}

.decree-card{
    position: relative;
    width: min(92vw, 1600px);
    aspect-ratio: 1600 / 860;
    background: #fff;
    border-radius: clamp(18px, 3.33vw, 64px);
    box-shadow: 0 4px 52.6px rgba(0,0,0,.2);
    overflow: hidden;
}

.decree-doc{
    position: relative;
    width: 12%;
    height: auto;
    transform: rotate(-10.4deg);
    pointer-events: none;
}

.decree-content{
    position: absolute;
    left: clamp(18px, 5%, 80px);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 2vw, 32px);
    color: #001D32;
}

.decree-title-container {
    display: flex;
    width: 100%;
    justify-content: start;
    align-items: center;
}

.decree-title{
    width: 100%;
    margin: 0;
    font-family: "Golos Text", Roboto, Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: clamp(26px, 3.33vw, 64px);
    line-height: 1.06;
    letter-spacing: .02em;
    padding: 0 20% 0 80px;
}

.decree-text{
    margin: 0;
    font-family: "Golos Text", Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: clamp(18px, 2.08vw, 40px);
    line-height: clamp(27px, 3.18vw, 61px);
    color: #000;
    width: 60%;
}

.decree-btn{
    display: inline-block;
    margin-left: 17px;
    padding: 10px 22px;
    text-align: center;
    align-content: center;
    border-radius: 10px;
    width: 217px;
    height: 56px;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgb(34, 197, 94) 0%, rgb(14, 165, 233) 100%);
    box-shadow: rgba(14, 165, 233, 0.35) 0px 8px 24px, rgba(0, 0, 0, 0.25) 0px 2px 6px;
    transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
    transform: none;
}
.decree-btn:hover{ transform: translateY(-1px); box-shadow: 0 16px 28px rgba(0,140,239,.32), 0 4px 12px rgba(0,0,0,.18); }
.decree-btn:active{ transform: translateY(0); box-shadow: 0 8px 18px rgba(0,140,239,.28), 0 2px 8px rgba(0,0,0,.16); }

.decree-cam{
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    height: 85%;
    min-width: 380px;
    pointer-events: none;
}

@media (max-width: 900px){
    .decree-container{
        min-height: auto;
        padding: 24px 0 28px;
        display: flex;
        justify-content: center;
    }

    .decree-card{
        width: min(100% - 32px, 328px);
        aspect-ratio: 328 / 498;
        border-radius: 18px;
    }

    .decree-title-container {
        flex-direction: row-reverse;
    }

    .decree-doc{
        top: 5%;
        width: 68px;
        transform: rotate(-28.23deg);
    }

    .decree-content{
        left: 18px;
        width: calc(100% - 36px);
        gap: 12px;
    }

    .decree-title{
        padding: 10px 0 0 0;
    }

    .decree-text{
        font-size: 18px;
        line-height: 27px;
        width: 298px;
    }

    .decree-btn{
        width: 100%;
        height: 56px;
        font-size: 17px;
        margin-left: 0;
    }

    .decree-cam{
        display: none;
    }
}