.download-request-page {
    background: linear-gradient(180deg, #f8fbef 0%, #ffffff 42%, #f8faf4 100%);
}

.download-request-hero {
    padding: 118px 0 58px;
    background:
        radial-gradient(circle at 82% 18%, rgba(162, 190, 86, .28), transparent 24rem),
        linear-gradient(118deg, #fbfdf6 0%, #edf5dc 100%);
    border-bottom: 1px solid rgba(128, 162, 54, .2);
}

.download-request-hero > .container,
.download-request-content > .container {
    width: min(calc(100% - 96px), 1460px);
}

.download-request-hero h1 {
    max-width: 760px;
    margin: 12px 0 0;
    color: #173b29;
    font-size: clamp(3.1rem, 6.4vw, 7.2rem);
    font-weight: 770;
    letter-spacing: 0;
    line-height: .9;
    text-wrap: balance;
}

.download-request-hero > .container > p:last-child {
    max-width: 640px;
    margin: 28px 0 0;
    color: #526252;
    font-size: 1.08rem;
    line-height: 1.7;
}

.download-request-content { padding: 64px 0 92px; }

.download-request-card {
    max-width: 1020px;
    margin: 0 auto;
    padding: clamp(26px, 4vw, 52px);
    border: 1px solid rgba(129, 160, 54, .25);
    border-radius: 18px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 20px 54px rgba(28, 62, 36, .1);
}

.download-request-card .request-workflow { max-width: none; }
.download-request-card .request-form__header { margin-bottom: 22px; }

.download-request-empty {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 28px;
    max-width: 900px;
    margin: 0 auto;
    padding: clamp(32px, 5vw, 64px);
    border: 1px solid rgba(129, 160, 54, .24);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 20px 54px rgba(28, 62, 36, .08);
}

.download-request-empty .resource-card__icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
}

.download-request-empty h2 {
    margin: 8px 0 12px;
    color: #173b29;
    font-size: clamp(2rem, 3.2vw, 3.3rem);
    line-height: 1;
}

.download-request-empty p:not(.inner-kicker) { max-width: 620px; color: #5b6b5e; line-height: 1.7; }

@media (max-width: 700px) {
    .download-request-hero { padding: 96px 0 48px; }
    .download-request-hero > .container,
    .download-request-content > .container { width: calc(100% - 40px); }
    .download-request-hero h1 { font-size: clamp(3.3rem, 15vw, 5.5rem); }
    .download-request-content { padding: 38px 0 64px; }
    .download-request-empty { grid-template-columns: 1fr; gap: 20px; }
}
