@font-face {
    font-family: 'The Blendinroom';
    src: url('../font/THE%20BLENDINROOM.otf') format('opentype');
    font-display: swap;
}

:root { --terms-cream: #fff7d8; --terms-maroon: #6b2638; }
body { margin: 0; background: var(--terms-cream); color: var(--terms-maroon); font-family: 'Lora', serif; }
.terms-page { min-height: 100vh; padding: 145px 24px 110px; background: var(--terms-cream); }
.terms-page__content { width: min(760px, 100%); margin: 0 auto; text-align: center; font-size: 13px; line-height: 1.68; }
.terms-page__content h1 { margin: 0 0 54px; font: 400 clamp(36px, 4vw, 52px)/1 'The Blendinroom', serif; }
.terms-page__content h2 { margin: 46px 0 26px; font: 500 clamp(17px, 2vw, 22px)/1.35 'Lora', serif; letter-spacing: 1.1px; }
.terms-page__content p { margin: 0 auto 25px; }
.floating-button { position: fixed; z-index: 1000; right: 30px; bottom: 30px; width: 78px; transition: transform .25s ease; }
.floating-button:hover { transform: translateY(-5px); }
.floating-button img { display: block; width: 100%; height: auto; }
@media (max-width: 700px) { .terms-page { padding: 116px 23px 72px; } .terms-page__content { font-size: 12px; text-align: left; } .terms-page__content h1, .terms-page__content h2 { text-align: center; } .floating-button { right: 18px; bottom: 18px; width: 65px; } }