body { font-family: "LayGrotesk", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; }
:root {
  --legal-white: #f1f1f1;
  --legal-muted: rgba(241, 241, 241, .68);
  --legal-line: rgba(241, 241, 241, .56);
  --legal-panel: rgba(4, 7, 20, .74);
}
body.legal-page { min-width: 320px; background: #02030a; color: var(--legal-white); }
body.legal-page .skillova-space { z-index: 0; }
body.legal-page > header { z-index: 7; }
body.legal-page header .link-logo { filter: none !important; }
body.legal-page .legal-main { position: relative; z-index: 1; min-height: 100vh; padding: 156px 25px 118px; }
.legal-frame { max-width: 980px; margin: 0 auto; }
.legal-kicker { display: block; margin-bottom: 22px; color: var(--legal-muted); font: 500 12px/1.4 "PPNeueMontrealMono", monospace; letter-spacing: .16em; text-transform: uppercase; }
.legal-card { max-width: 860px; margin: 0 auto; padding: clamp(24px, 4vw, 48px); border: 1px solid rgba(255, 255, 255, .82); border-radius: 20px; background: #f1f1f1; color: #0a0a0b; box-shadow: 0 24px 70px rgba(0, 0, 0, .18); }
.legal-card h1 { margin: 0 0 10px; color: #0a0a0b; font: 500 clamp(24px, 2.6vw, 34px)/1.12 "LayGrotesk", sans-serif; letter-spacing: -.035em; }
.legal-card .meta { margin: 0 0 32px; color: #626262; font: 500 11px/1.5 "PPNeueMontrealMono", monospace; letter-spacing: .03em; }
.legal-card p, .legal-card li, .legal-card td, .legal-card th { color: #242424; font: 500 14px/1.78 "LayGrotesk", sans-serif; letter-spacing: .01em; }
.legal-card p { margin: 0 0 1.15em; }
.legal-card strong { color: #0a0a0b; font-weight: 600; }
.legal-card a { color: #315900; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.legal-card a:hover { color: #0a0a0b; }
.legal-card h2 { margin: 36px 0 12px; padding-top: 14px; border-top: 1px solid #d0d0d0; color: #0a0a0b; font: 500 clamp(19px, 2vw, 24px)/1.25 "LayGrotesk", sans-serif; letter-spacing: -.01em; }
.legal-card ol, .legal-card ul { margin: 0 0 1.1em; padding-left: 1.5em; }
.legal-card li { margin-bottom: .4em; padding-left: .1em; }
.legal-card .notice { margin: 0 0 24px; padding: 12px 14px; border: 1px solid #d6d6d6; border-radius: 8px; background: #f7f7f7; color: #555; font: 400 13px/1.65 "LayGrotesk", sans-serif; letter-spacing: .01em; }
.legal-card .notice strong { color: #333; font-weight: 600; }
.legal-card .placeholder { color: #7a5100; border-bottom: 1px dashed #7a5100; }
.legal-table-wrap { overflow-x: auto; margin: 10px -4px 0; padding: 4px; }
.legal-card table { width: 100%; min-width: 700px; border-collapse: collapse; }
.legal-card th, .legal-card td { border: 1px solid #d2d2d2; padding: 12px 14px; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.legal-card th { width: 30%; color: #0a0a0b; background: #e8e8e8; font-weight: 600; }
.legal-card .small { font-size: 12px; line-height: 1.65; }
.legal-footer-title { margin: 26px 0 36px; color: var(--mwg2-black); font-size: clamp(48px, 9vw, 126px); line-height: .88; letter-spacing: -.035em; }
body.legal-page footer .top { padding-bottom: 64px; }
.contact-card { max-width: 980px; }
.contact-card .contact-lead { max-width: 620px; margin: 0 0 30px; color: #444; font-size: clamp(14px, 1.4vw, 16px); line-height: 1.7; }
.contact-form { display: grid; gap: 18px; }
.contact-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.contact-field { display: grid; gap: 6px; }
.contact-field > span { color: #202020; font: 600 12px/1.4 "PPNeueMontrealMono", monospace; }
.contact-field input, .contact-field textarea { width: 100%; border: 1px solid #c5c5c5; border-radius: 8px; background: #fff; color: #0a0a0b; padding: 11px 12px; font: 500 14px/1.5 "LayGrotesk", sans-serif; outline: none; }
.contact-field textarea { min-height: 150px; resize: vertical; }
.contact-field input:focus, .contact-field textarea:focus { border-color: #6c9235; box-shadow: 0 0 0 3px rgba(108, 146, 53, .18); }
.contact-email { display: inline-flex; align-items: center; gap: 10px; margin-top: 10px; color: #315900 !important; font: 500 clamp(16px, 2.2vw, 22px)/1.2 "PPNeueMontrealMono", monospace; word-break: break-word; }
.contact-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.contact-actions .contact-button { display: inline-flex; align-items: center; min-height: 50px; padding: 0 24px; border: 0; border-radius: 25px; background: #c9fe6e; color: #0a0a0b; font: 500 13px/1 "PPNeueMontrealMono", monospace; text-decoration: none; cursor: pointer; }
.contact-actions .contact-button.secondary { background: transparent; border: 1px solid #1c1c1c; color: #0a0a0b; }
.contact-note, .contact-direct { color: #626262 !important; font-size: 14px !important; line-height: 1.75 !important; }
.contact-direct { margin: 34px 0 0 !important; }
@media (max-width: 900px) {
  .legal-table-wrap { overflow: visible; margin: 10px 0 0; padding: 0; }
  .legal-card table, .legal-card tbody { display: block; }
  .legal-card table { min-width: 0; }
  .legal-card tr { display: grid; grid-template-columns: minmax(110px, 36%) minmax(0, 1fr); margin-bottom: 10px; border: 1px solid #d2d2d2; border-radius: 8px; overflow: hidden; }
  .legal-card th, .legal-card td { display: block; width: auto; min-width: 0; border: 0; padding: 10px 12px; }
  .legal-card th { border-right: 1px solid #d2d2d2; }
  .legal-card td { background: #f7f7f7; }
  .legal-card th { font-size: 12px; line-height: 1.45; }
  .legal-card td { font-size: 13px; line-height: 1.65; }
}
@media (max-width: 768px) {
  body.legal-page .legal-main { padding: 126px 15px 78px; }
  .legal-card { border-radius: 14px; padding: 24px 20px 30px; }
  .legal-card h1 { max-width: 100%; font-size: clamp(18px, 5.2vw, 24px); letter-spacing: -.055em; white-space: nowrap; }
  .legal-card .meta { margin-bottom: 34px; }
  .legal-card p, .legal-card li, .legal-card td, .legal-card th { font-size: 15px; line-height: 1.75; }
  .legal-card h2 { margin-top: 34px; font-size: 20px; }
  .legal-card .notice { padding: 11px 12px; font-size: 13px; line-height: 1.6; }
  .contact-card .contact-lead { font-size: 15px; }
  .contact-note, .contact-direct { font-size: 14px !important; line-height: 1.75 !important; }
  .contact-form-grid { grid-template-columns: 1fr; }
  body.legal-page footer .top { padding-bottom: 30px; }
  body.legal-page footer .buttons { flex-direction: column; align-items: center; }
}
@media (prefers-reduced-motion: reduce) {
  body.legal-page .skillova-space__nebula, body.legal-page .skillova-space__stars, body.legal-page .skillova-space__primary-star, body.legal-page .skillova-space__body, body.legal-page .skillova-space__shooting-star { animation: none; }
}
.design10-crew-chorus .design10-letter-i0{--design10-letter-index:0}
.design10-crew-chorus .design10-letter-i1{--design10-letter-index:1}
.design10-crew-chorus .design10-letter-i2{--design10-letter-index:2}
.design10-crew-chorus .design10-letter-i3{--design10-letter-index:3}
.design10-crew-chorus .design10-letter-i4{--design10-letter-index:4}
.design10-crew-chorus .design10-letter-i5{--design10-letter-index:5}
.design10-crew-chorus .design10-letter-i6{--design10-letter-index:6}
.design10-crew-chorus .design10-letter-i7{--design10-letter-index:7}
.design10-crew-chorus .design10-letter-i8{--design10-letter-index:8}
.design10-crew-chorus .design10-letter-i9{--design10-letter-index:9}
.design10-crew-chorus .design10-letter-i10{--design10-letter-index:10}
.design10-crew-chorus .design10-letter-i11{--design10-letter-index:11}
.design10-crew-chorus .design10-letter-i12{--design10-letter-index:12}
.design10-crew-chorus .design10-letter-i13{--design10-letter-index:13}
.design10-crew-chorus .design10-letter-i14{--design10-letter-index:14}
.design10-crew-chorus .design10-letter-i15{--design10-letter-index:15}
.design10-crew-chorus .design10-letter-i16{--design10-letter-index:16}
.design10-crew-chorus .design10-letter-i17{--design10-letter-index:17}
.design10-crew-chorus .design10-letter-i18{--design10-letter-index:18}
.design10-crew-chorus .design10-letter-i19{--design10-letter-index:19}
.design10-crew-chorus .design10-letter-i20{--design10-letter-index:20}
.design10-crew-chorus .design10-letter-i21{--design10-letter-index:21}
.design10-crew-chorus .design10-letter-i22{--design10-letter-index:22}
.design10-crew-chorus .design10-letter-i23{--design10-letter-index:23}
.design10-crew-chorus .design10-letter-i24{--design10-letter-index:24}
.design10-crew-chorus .design10-letter-i25{--design10-letter-index:25}
.design10-crew-chorus .design10-letter-i26{--design10-letter-index:26}
.design10-crew-chorus .design10-letter-i27{--design10-letter-index:27}
.design10-crew-chorus .design10-letter-i28{--design10-letter-index:28}
.design10-crew-chorus-member:nth-child(1){--design10-crew-from:-560px;--design10-crew-index:0}
.design10-crew-chorus-member:nth-child(2){--design10-crew-from:520px;--design10-crew-index:1}
.design10-crew-chorus-member:nth-child(3){--design10-crew-from:-380px;--design10-crew-index:2}
.design10-crew-chorus-member:nth-child(4){--design10-crew-from:440px;--design10-crew-index:3}
.design10-crew-chorus-member:nth-child(5){--design10-crew-from:-260px;--design10-crew-index:4}