Legal notice

:root { --kkb-bg: #0d0d0d; --kkb-card-bg: #161616; --kkb-accent: #ffffff; --kkb-text: #e5e5e5; --kkb-muted: #888888; --kkb-border: #262626; } .kkb-legal-wrapper { background-color: var(--kkb-bg); color: var(--kkb-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.7; padding: 40px 20px 80px 20px; margin: -20px -20px 0 -20px; } .kkb-legal-container { max-width: 900px; margin: 0 auto; } /* Header Section */ .kkb-legal-header { text-align: center; margin-bottom: 50px; border-bottom: 1px solid var(--kkb-border); padding-bottom: 30px; } .kkb-legal-header h1 { font-size: 2.4rem; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; margin: 0 0 10px 0; } .kkb-legal-header p { font-size: 0.95rem; color: var(--kkb-muted); margin: 0; } /* Section Styling */ .kkb-legal-card { background: var(--kkb-card-bg); border: 1px solid var(--kkb-border); border-radius: 6px; padding: 30px 35px; margin-bottom: 25px; } .kkb-legal-card h2 { font-size: 1.25rem; font-weight: 800; text-transform: uppercase; color: #ffffff; margin: 0 0 15px 0; letter-spacing: 1px; display: flex; align-items: center; gap: 10px; } .kkb-legal-card p { font-size: 0.95rem; color: #cccccc; margin: 0 0 15px 0; } .kkb-legal-card p:last-child { margin-bottom: 0; } .kkb-legal-card ul { margin: 0 0 15px 0; padding-left: 20px; color: #cccccc; font-size: 0.95rem; } .kkb-legal-card li { margin-bottom: 8px; } .kkb-legal-card a { color: #ffffff; text-decoration: underline; text-underline-offset: 3px; transition: opacity 0.2s ease; } .kkb-legal-card a:hover { opacity: 0.7; } /* Entity Grid Box */ .kkb-entity-box { background: #0d0d0d; border: 1px solid var(--kkb-border); border-left: 4px solid #ffffff; padding: 20px; border-radius: 4px; margin-top: 15px; } .kkb-entity-row { display: flex; margin-bottom: 8px; font-size: 0.9rem; } .kkb-entity-row:last-child { margin-bottom: 0; } .kkb-entity-label { width: 160px; font-weight: 700; color: var(--kkb-muted); text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.5px; } .kkb-entity-val { color: #ffffff; flex: 1; } @media (max-width: 768px) { .kkb-legal-header h1 { font-size: 1.8rem; } .kkb-legal-card { padding: 25px 20px; } .kkb-entity-row { flex-direction: column; margin-bottom: 12px; } .kkb-entity-label { width: 100%; margin-bottom: 2px; } }