/* Explain: Styles for the brochure upload page. */
/* ---------- Owner upload page — retro chic ---------- */
.upload-page {
    position: relative;
    overflow: hidden;
    padding-block: 0 4rem;
    background-color: var(--peach-color);
}

.upload-burst {
    position: absolute;
    top: -7rem;
    right: -7rem;
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    opacity: 0.32;
    background: repeating-conic-gradient(
        from 0deg,
        var(--accent-color) 0deg 12deg,
        transparent 12deg 24deg
    );
    pointer-events: none;
    z-index: 0;
}

@media (max-width: 640px) {
    .upload-burst { display: none; }
}

.upload-page .wrap {
    position: relative;
    z-index: 1;
}

.upload-head {
    max-width: 62rem;
    margin-block: 2.75rem 1.25rem;
}

.upload-head h1 {
    font-family: var(--font-heading);
    font-size: clamp(2.2rem, 5.5vw, 3.4rem);
    line-height: 1.05;
    margin: 0.9rem 0 1.1rem;
    color: var(--text-color);
}

.upload-intro {
    max-width: 46rem;
    font-size: 1.1rem;
    color: var(--text-muted);
    margin: 0 0 1.1rem;
}

.upload-help {
    margin: 1.75rem 0 0;
    padding-top: 1.5rem;
    border-top: 3px dotted var(--border-color);
    font-size: 0.95rem;
    color: var(--text-muted);
}

.upload-help code {
    padding: 0.1rem 0.45rem;
    border: 2px solid var(--text-color);
    border-radius: 6px;
    background: var(--background-color);
    font-size: 0.9rem;
}

.upload-back {
    margin: 1.5rem 0 0;
}