Legal notice

.gc-legal { padding: 42px 20px; background: linear-gradient(135deg, #f5f7fa 0%, #eef2f6 100%); color: #1d2633; } .gc-legal * { box-sizing: border-box; } .gc-legal__container { max-width: 1200px; margin: 0 auto; overflow: hidden; background: #ffffff; border: 1px solid #e5e9ef; border-radius: 20px; box-shadow: 0 14px 45px rgba(15, 23, 42, 0.10); } .gc-legal__hero { padding: 52px 35px 40px; text-align: center; background: radial-gradient(circle at top right, rgba(229, 57, 53, 0.30), transparent 34%), linear-gradient(135deg, #101827 0%, #1f2937 100%); } .gc-legal__eyebrow { display: inline-block; margin-bottom: 12px; color: #ff625c; font-size: 12px; font-weight: 800; letter-spacing: 2px; } .gc-legal__hero h1 { margin: 0 0 12px; color: #ffffff; font-size: clamp(30px, 5vw, 46px); line-height: 1.15; } .gc-legal__hero p { max-width: 760px; margin: 0 auto; color: #d7dee8; font-size: 15px; line-height: 1.7; } .gc-legal__updated { display: inline-flex; margin-top: 22px; padding: 9px 14px; color: #e5e7eb; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 999px; font-size: 12px; } .gc-legal__updated strong { margin-right: 5px; color: #ffffff; } .gc-legal__notice { display: flex; align-items: center; gap: 14px; margin: 28px 30px 0; padding: 17px 20px; color: #7a1d1d; background: #fff2f2; border: 1px solid #ffcaca; border-radius: 12px; font-size: 14px; line-height: 1.6; } .gc-legal__notice-icon { display: flex; flex: 0 0 30px; align-items: center; justify-content: center; width: 30px; height: 30px; color: #ffffff; background: #df3434; border-radius: 50%; font-size: 16px; font-weight: 900; } .gc-legal__layout { display: grid; grid-template-columns: 285px minmax(0, 1fr); gap: 30px; padding: 30px; } .gc-legal__sidebar { align-self: start; padding: 24px 20px; background: #f7f9fc; border: 1px solid #e6eaf0; border-radius: 14px; } .gc-legal__sidebar h3 { margin: 0 0 18px; color: #111827; font-size: 18px; } .gc-legal__summary-item { display: flex; gap: 10px; padding: 15px 0; border-bottom: 1px solid #e3e7ed; } .gc-legal__summary-item:last-child { padding-bottom: 0; border-bottom: 0; } .gc-legal__summary-item span { display: flex; flex: 0 0 30px; align-items: center; justify-content: center; width: 30px; height: 30px; color: #ffffff; background: #df3434; border-radius: 9px; font-size: 14px; } .gc-legal__summary-item p { margin: 0; color: #667085; font-size: 12.5px; line-height: 1.55; } .gc-legal__summary-item strong { color: #1f2937; font-size: 13px; } .gc-legal__content { min-width: 0; } .gc-legal__accordion { margin-bottom: 12px; overflow: hidden; background: #ffffff; border: 1px solid #e4e8ee; border-radius: 12px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .gc-legal__accordion:hover { border-color: #cbd3df; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05); } .gc-legal__accordion summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 19px 21px; color: #172033; cursor: pointer; font-size: 15px; font-weight: 750; list-style: none; } .gc-legal__accordion summary::-webkit-details-marker { display: none; } .gc-legal__plus { display: flex; flex: 0 0 28px; align-items: center; justify-content: center; width: 28px; height: 28px; color: #ffffff; background: #df3434; border-radius: 8px; font-size: 20px; font-weight: 400; line-height: 1; transition: transform 0.2s ease; } .gc-legal__accordion[open] .gc-legal__plus { transform: rotate(45deg); } .gc-legal__accordion-content { padding: 2px 22px 24px; color: #5e6877; font-size: 14px; line-height: 1.75; } .gc-legal__accordion-content p { margin: 0 0 16px; } .gc-legal__accordion-content p:last-child { margin-bottom: 0; } .gc-legal__accordion-content ul { margin: 0 0 18px; padding-left: 21px; } .gc-legal__accordion-content li { margin-bottom: 8px; } .gc-legal__accordion-content a, .gc-legal__business-card a { color: #b91c1c; font-weight: 750; text-decoration: none; } .gc-legal__accordion-content a:hover, .gc-legal__business-card a:hover { text-decoration: underline; } .gc-legal__business-card { margin-top: 18px; padding: 16px 18px; background: #f9fafb; border: 1px solid #e3e7ec; border-left: 4px solid #df3434; border-radius: 10px; } .gc-legal__business-card p { margin: 0; color: #4e5968; line-height: 1.85; } .gc-legal__business-card strong { color: #1f2937; } .gc-legal__respect-note { display: flex; align-items: flex-start; gap: 13px; margin: 18px 0; padding: 17px; color: #4e5968; background: #f7f9fc; border: 1px solid #e1e7ef; border-left: 4px solid #df3434; border-radius: 10px; } .gc-legal__respect-icon { display: flex; flex: 0 0 30px; align-items: center; justify-content: center; width: 30px; height: 30px; color: #ffffff; background: #df3434; border-radius: 8px; font-size: 14px; font-weight: 800; } .gc-legal__respect-note strong { display: block; margin-bottom: 4px; color: #1f2937; font-size: 14px; } .gc-legal__respect-note p { margin: 0; color: #5e6877; font-size: 13.5px; line-height: 1.65; } .gc-legal__contact-card { display: flex; gap: 16px; margin-top: 22px; padding: 23px; color: #4e5968; background: #fff7f7; border: 1px solid #ffd2d2; border-radius: 14px; } .gc-legal__contact-icon { display: flex; flex: 0 0 42px; align-items: center; justify-content: center; width: 42px; height: 42px; color: #ffffff; background: #df3434; border-radius: 12px; font-size: 18px; } .gc-legal__contact-card h3 { margin: 1px 0 7px; color: #1f2937; font-size: 17px; } .gc-legal__contact-card p { margin: 0 0 9px; font-size: 14px; line-height: 1.65; } .gc-legal__contact-card a { color: #b91c1c; font-size: 14px; font-weight: 800; text-decoration: none; } .gc-legal__contact-card a:hover { text-decoration: underline; } .gc-legal__footer { padding: 30px; text-align: center; background: #111827; } .gc-legal__footer strong { display: block; margin-bottom: 7px; color: #ffffff; font-size: 17px; } .gc-legal__footer p { max-width: 720px; margin: 0 auto; color: #cbd5e1; font-size: 14px; line-height: 1.65; } .gc-legal__footer a { color: #ffffff; font-weight: 700; text-decoration: none; } .gc-legal__footer a:hover { color: #ff8a86; text-decoration: underline; } @media screen and (max-width: 900px) { .gc-legal__layout { grid-template-columns: 1fr; } .gc-legal__sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; } .gc-legal__sidebar h3 { grid-column: 1 / -1; } .gc-legal__summary-item:nth-last-child(2) { border-bottom: 0; } } @media screen and (max-width: 640px) { .gc-legal { padding: 20px 10px; } .gc-legal__hero { padding: 38px 20px 32px; } .gc-legal__notice { align-items: flex-start; margin: 18px 15px 0; padding: 15px; } .gc-legal__layout { gap: 20px; padding: 20px 15px; } .gc-legal__sidebar { display: block; padding: 20px 16px; } .gc-legal__summary-item:nth-last-child(2) { border-bottom: 1px solid #e3e7ed; } .gc-legal__accordion summary { padding: 17px; font-size: 14px; } .gc-legal__accordion-content { padding: 1px 17px 20px; font-size: 13.5px; } .gc-legal__contact-card { align-items: flex-start; padding: 19px; } .gc-legal__footer { padding: 25px 18px; } }