.terms-page { padding: 3rem 0 4rem; background: #F5F7FB; }
.terms-hero { max-width: 980px; margin: 0 auto 1.5rem; padding: clamp(2rem, 5vw, 4rem); text-align: center; color: #FFF; background: linear-gradient(135deg,#10284B,#1E6BFF); border-radius: 24px; box-shadow: 0 18px 38px rgba(12,86,233,.18); }
.terms-eyebrow { margin: 0 0 .65rem; color: #DDEAFF; font-size: .78rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }.terms-hero h1 { margin: 0; color: #FFF; font-size: clamp(2rem,4vw,3.3rem); }.terms-hero p:last-child { max-width: 720px; margin: 1rem auto 0; color: #EEF4FF; line-height: 1.75; }
.terms-content { display: grid; gap: 1rem; max-width: 980px; margin: 0 auto; }.terms-section { display: grid; grid-template-columns: auto 1fr; gap: 1.25rem; padding: 1.5rem 1.75rem; background: #FFF; border: 1px solid #E1E7F0; border-radius: 18px; box-shadow: 0 9px 22px rgba(22,50,92,.06); }.terms-section__number { display: grid; width: 2.4rem; height: 2.4rem; place-items: center; color: #FFF; background: #1E6BFF; border-radius: 50%; font-size: .8rem; font-weight: 800; }.terms-section h2 { margin: .15rem 0 0; color: #10284B; font-size: 1.25rem; }.terms-section p { margin: .65rem 0 0; color: #425A78; line-height: 1.72; }
@media (max-width:640px) { .terms-page { padding: 1.5rem 0 2.5rem; }.terms-hero { padding: 2rem 1.25rem; border-radius: 18px; }.terms-section { gap: 1rem; padding: 1.25rem; border-radius: 15px; }.terms-section__number { width: 2.1rem; height: 2.1rem; } }