.document-page{
    min-height:100vh;
}

.document-main{
    position:relative;
    min-height:70vh;
    padding:126px 0 76px;
}

.document-main::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 12%, rgba(22,216,78,.07), transparent 28%),
        radial-gradient(circle at 84% 64%, rgba(22,216,78,.045), transparent 26%);
    pointer-events:none;
}

.document-container{
    max-width:1160px;
}

.document-back{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:20px;
    color:#9aa19b;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:.25s ease;
}

.document-back span{
    color:#23e75d;
    font-size:19px;
}

.document-back:hover{
    color:#ffffff;
    transform:translateX(-3px);
}

.document-card{
    position:relative;
    overflow:hidden;
    padding:54px 58px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:28px;
    background:
        radial-gradient(circle at 95% 4%, rgba(22,216,78,.085), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
    box-shadow:
        0 32px 90px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.045);
    backdrop-filter:blur(20px);
}

.document-card::before{
    content:"";
    position:absolute;
    left:58px;
    right:58px;
    top:0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(32,228,89,.55), transparent);
}

.document-card h1{
    max-width:880px;
    margin-bottom:14px;
    color:#ffffff;
    font-size:46px;
    line-height:1.08;
    letter-spacing:-.025em;
}

.document-date{
    margin-bottom:26px;
    color:#24dc59;
    font-size:13px;
    font-weight:700;
}

.document-intro{
    max-width:950px;
    color:#c1c6c2;
    font-size:17px;
    line-height:1.8;
}

.document-section{
    margin-top:34px;
}

.document-section h2{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:16px;
    color:#f4f7f4;
    font-size:22px;
    line-height:1.3;
}

.document-section h2::before{
    content:"";
    flex:0 0 auto;
    width:4px;
    height:22px;
    border-radius:999px;
    background:#20df57;
    box-shadow:0 0 14px rgba(32,223,87,.4);
}

.document-section p{
    color:#adb3ae;
    font-size:15px;
    line-height:1.8;
}

.document-section p + p{
    margin-top:8px;
}

.document-list{
    display:grid;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none;
}

.document-list li{
    position:relative;
    padding-left:22px;
    color:#adb3ae;
    font-size:15px;
    line-height:1.65;
}

.document-list li::before{
    content:"";
    position:absolute;
    left:2px;
    top:.68em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#22e45b;
    box-shadow:0 0 9px rgba(34,228,91,.45);
}

.document-footer{
    padding-top:48px;
}

@media(max-width:768px){
    .document-main{
        padding:100px 0 52px;
    }

    .document-card{
        padding:34px 23px;
        border-radius:22px;
    }

    .document-card::before{
        left:24px;
        right:24px;
    }

    .document-card h1{
        font-size:34px;
    }

    .document-intro{
        font-size:15px;
        line-height:1.7;
    }

    .document-section{
        margin-top:28px;
    }

    .document-section h2{
        align-items:flex-start;
        font-size:19px;
    }

    .document-section p,
    .document-list li{
        font-size:14px;
    }
}