.terms-main { width: min(980px, 100%); margin: 0 auto; padding: clamp(120px, 12vw, 165px) 24px 40px; }

.terms-hero { max-width: 720px; margin-bottom: 46px; }
.terms-hero > span { color: #ef5044; text-transform: uppercase; letter-spacing: .26em; font-size: .76rem; font-weight: 700; }
.terms-hero h1 { margin: 16px 0; font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.6rem, 5vw, 4.2rem); line-height: .95; color: var(--color-dark); }
.terms-hero p { margin: 0; color: var(--color-mid); font-size: 1.05rem; line-height: 1.6; }

.terms-panel {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: clamp(28px, 5vw, 52px);
    border: 1px solid rgba(72, 199, 221, .3);
    border-top: 3px solid #ef5044;
    border-radius: 24px;
    background: linear-gradient(145deg, #172126, #0d1317 72%);
    box-shadow: 0 30px 76px rgba(6, 15, 19, .2);
}
.terms-panel article h2 {
    margin: 0 0 10px;
    color: #f4f7f8;
    font-size: 1.18rem;
    letter-spacing: .01em;
}
.terms-panel article p {
    margin: 0 0 10px;
    color: #b7c6cc;
    line-height: 1.7;
    font-size: .96rem;
}
.terms-panel article p:last-child { margin-bottom: 0; }
.terms-panel article a { color: #5bd2e7; text-decoration: underline; }
.terms-panel article a:hover { color: #7fe0f0; }

@media (max-width: 640px) {
    .terms-main { padding-top: 110px; }
}