Legal notice

.tc-legal, .tc-legal * { box-sizing: border-box; } .tc-legal { --tc-primary: #2F4FA8; --tc-primary-dark: #223B82; --tc-logo-blue: #3F3A83; --tc-soft-blue: #EEF2FC; --tc-pale-blue: #F7F9FE; --tc-border: #D7DFF3; --tc-text: #1D2430; --tc-muted: #626B78; --tc-white: #FFFFFF; max-width: 980px; margin: 0 auto; padding: 42px 20px 70px; color: var(--tc-text); font-family: inherit; font-size: 16px; line-height: 1.8; } .tc-legal a { color: var(--tc-primary); text-decoration: underline; text-underline-offset: 2px; } .tc-legal a:hover { color: var(--tc-primary-dark); } .tc-legal__top { margin-bottom: 28px; text-align: center; } .tc-legal__eyebrow { margin: 0 0 8px; color: var(--tc-primary); font-size: 13px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; } .tc-legal__title { margin: 0; color: var(--tc-text); font-size: clamp(34px, 5vw, 50px); font-weight: 700; line-height: 1.12; } .tc-legal__subtitle { max-width: 760px; margin: 12px auto 0; color: var(--tc-muted); font-size: 18px; } .tc-legal__banner { position: relative; overflow: hidden; max-width: 860px; margin: 34px auto 36px; padding: 26px 30px; border-radius: 16px; color: var(--tc-white); text-align: center; background: radial-gradient(circle at 90% 10%, rgba(255,255,255,.17), transparent 27%), linear-gradient(135deg, var(--tc-logo-blue), var(--tc-primary)); box-shadow: 0 14px 30px rgba(47, 79, 168, .17); } .tc-legal__banner strong { display: block; margin-bottom: 4px; font-size: 22px; } .tc-legal__banner span { color: rgba(255,255,255,.93); } .tc-legal__lead { max-width: 860px; margin: 0 auto 34px; text-align: center; font-size: 17px; } .tc-legal__details { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin: 0 0 44px; } .tc-legal__detail { padding: 24px 22px; border: 1px solid var(--tc-border); border-radius: 14px; background: var(--tc-pale-blue); } .tc-legal__detail h3 { margin: 0 0 10px; color: var(--tc-primary-dark); font-size: 18px; } .tc-legal__detail p { margin: 0 0 8px; color: var(--tc-muted); } .tc-legal__section { margin: 0 0 42px; } .tc-legal__section-head { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 17px; text-align: center; } .tc-legal__section-line { width: 4px; min-width: 4px; height: 30px; border-radius: 4px; background: var(--tc-primary); } .tc-legal__section-head h2 { margin: 0; color: var(--tc-text); font-size: 23px; line-height: 1.3; } .tc-legal__section-body { max-width: 880px; margin: 0 auto; } .tc-legal__section-body ul { margin: 10px 0 17px; padding-left: 23px; } .tc-legal__section-body li { margin: 7px 0; } .tc-legal__notice { max-width: 880px; margin: 18px auto 0; padding: 18px 20px; border: 1px solid var(--tc-border); border-left: 5px solid var(--tc-primary); border-radius: 12px; background: var(--tc-soft-blue); } .tc-legal__contact { max-width: 880px; margin: 0 auto; padding: 28px 26px; border-radius: 16px; color: var(--tc-white); text-align: center; background: linear-gradient(135deg, var(--tc-logo-blue), var(--tc-primary)); } .tc-legal__contact h2 { margin: 0 0 12px; color: var(--tc-white); font-size: 28px; } .tc-legal__contact p { margin: 8px 0; color: rgba(255,255,255,.93); } .tc-legal__contact a { color: var(--tc-white); } .tc-legal__updated { margin-top: 26px; color: var(--tc-muted); font-size: 14px; text-align: center; } @media (max-width: 780px) { .tc-legal__details { grid-template-columns: 1fr; } } @media (max-width: 640px) { .tc-legal { padding: 28px 14px 50px; } .tc-legal__banner { padding: 22px 18px; border-radius: 14px; } .tc-legal__section-head { gap: 11px; } .tc-legal__section-head h2 { font-size: 20px; } }