.legal-shell { position: relative; z-index: 2; width: min(1340px,calc(100% - 48px)); margin: 0 auto; padding: 132px 0 90px; }
.legal-hero { max-width: 870px; margin: 0 auto 55px; text-align: center; }
.legal-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #aa98ff; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .17em; }.legal-eyebrow::before { content: ''; width: 25px; height: 2px; background: linear-gradient(90deg,#607dff,#ec5eb7); }
.legal-hero h1 { margin: 14px 0 17px; color: #fbfaff; font-size: clamp(44px,6vw,76px); line-height: .98; letter-spacing: -.055em; }.legal-hero h1 span { color: transparent; background: linear-gradient(105deg,#6f83ff,#b45ce1 56%,#ed68b9); -webkit-background-clip: text; background-clip: text; }.legal-hero > p { max-width: 720px; margin: 0 auto; color: #aaa5b6; font-size: 16px; line-height: 1.65; }
.legal-meta { margin-top: 24px; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }.legal-meta span,.legal-meta a { padding: 8px 11px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; color: #908a9d; background: rgba(255,255,255,.025); font-size: 10px; font-weight: 700; text-decoration: none; }.legal-meta a { color: #b6a9ff; }
.legal-layout { display: grid; grid-template-columns: 270px minmax(0,1fr); align-items: start; gap: 25px; }
.legal-sidebar { position: sticky; top: 92px; padding: 16px; display: flex; flex-direction: column; gap: 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(15,13,28,.86); box-shadow: 0 25px 70px rgba(0,0,0,.28); backdrop-filter: blur(18px); }.legal-sidebar > strong { padding: 5px 8px 10px; color: #787286; font-size: 9px; text-transform: uppercase; letter-spacing: .15em; }.legal-sidebar a,.legal-sidebar button { width: 100%; padding: 12px; display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 10px; cursor: pointer; border: 1px solid transparent; border-radius: 11px; color: #d1ccdb; background: transparent; font: inherit; text-align: left; text-decoration: none; transition: .2s; }.legal-sidebar a:hover,.legal-sidebar button:hover { border-color: rgba(134,111,245,.38); background: rgba(101,76,199,.12); transform: translateX(2px); }.legal-sidebar i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: #a99aff; background: rgba(118,89,217,.15); font-size: 8px; font-style: normal; font-weight: 900; }.legal-sidebar span { display: flex; flex-direction: column; gap: 3px; font-size: 11px; font-weight: 800; }.legal-sidebar small { color: #777181; font-size: 8px; font-weight: 600; }
.legal-documents { min-width: 0; display: flex; flex-direction: column; gap: 26px; }
.legal-document { scroll-margin-top: 91px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 21px; background: linear-gradient(145deg,rgba(20,18,36,.94),rgba(15,12,27,.96)); box-shadow: 0 28px 90px rgba(0,0,0,.24); }.legal-document > header { padding: 31px 36px 27px; border-bottom: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 100% 0,rgba(226,75,179,.11),transparent 32%),radial-gradient(circle at 0 0,rgba(77,113,255,.13),transparent 34%); }.legal-document > header > span,.legal-sources > span { color: #a795ff; font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .15em; }.legal-document > header h2 { margin: 7px 0 8px; color: #fbfaff; font-size: clamp(27px,3vw,39px); letter-spacing: -.035em; }.legal-document > header p { margin: 0; color: #948e9e; font-size: 13px; }
.legal-document article { padding: 31px 36px 38px; }.legal-document article h3 { margin: 31px 0 10px; color: #eeebf5; font-size: 17px; letter-spacing: -.015em; }.legal-document article h3:first-child { margin-top: 0; }.legal-document article p,.legal-document article li { color: #a8a3b2; font-size: 13px; line-height: 1.75; }.legal-document article p { margin: 0 0 13px; }.legal-document article ul,.legal-document article ol { margin: 8px 0 15px; padding-left: 22px; }.legal-document article li { margin: 5px 0; padding-left: 4px; }.legal-document article strong { color: #e8e3f1; }.legal-document article a { color: #aa9bff; font-weight: 700; }
.legal-identity-card { margin: 24px 36px 0; display: grid; grid-template-columns: 1fr .8fr 1.5fr; gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; background: rgba(255,255,255,.08); }.legal-identity-card > div { padding: 15px; display: flex; flex-direction: column; gap: 5px; background: #121020; }.legal-identity-card small { color: #797382; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }.legal-identity-card strong,.legal-identity-card a { color: #e5e1eb; font-size: 11px; text-decoration: none; }.legal-identity-card .legal-missing { background: rgba(151,105,41,.12); }.legal-identity-card .legal-missing small { color: #e9ae58; }.legal-identity-card .legal-missing strong { color: #d7bc95; }
.legal-callout { margin: 24px 36px 0; padding: 15px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 12px; border: 1px solid rgba(239,178,87,.26); border-radius: 12px; background: rgba(151,105,41,.1); }.legal-callout i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: #211307; background: #e9ae58; font-style: normal; font-weight: 900; }.legal-callout p { margin: 0; color: #c9b593; font-size: 11px; line-height: 1.55; }
.legal-table { margin: 15px 0 20px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; }.legal-table > div { display: grid; grid-template-columns: 1fr 1fr; }.legal-table > div + div { border-top: 1px solid rgba(255,255,255,.07); }.legal-table span,.legal-table strong { padding: 13px 15px; font-size: 11px; line-height: 1.5; }.legal-table span + span,.legal-table strong + strong { border-left: 1px solid rgba(255,255,255,.07); }.legal-table > div:first-child { color: #c9c2d7; background: rgba(120,91,224,.1); }
.cookie-register { margin: 15px 0; }.cookie-register > div { padding: 18px; display: grid; grid-template-columns: 1fr auto; gap: 7px 18px; border: 1px solid rgba(91,221,179,.22); border-radius: 13px; background: rgba(43,126,101,.08); }.cookie-register strong { color: #e9fff8; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; }.cookie-register span { color: #67dbb7; font-size: 9px; font-weight: 800; text-transform: uppercase; }.cookie-register p { grid-column: 1/-1; margin: 0 !important; }.legal-cookie-action { margin: 3px 0 17px; padding: 12px 16px; cursor: pointer; border: 1px solid rgba(130,104,240,.45); border-radius: 10px; color: white; background: linear-gradient(110deg,rgba(79,111,240,.25),rgba(175,67,194,.22)); font: inherit; font-size: 11px; font-weight: 900; }.legal-cookie-action span { margin-left: 10px; color: #b7a8ff; }
.dispute-actions { margin: 15px 0 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.dispute-actions a { padding: 15px; display: flex; justify-content: space-between; border: 1px solid rgba(96,224,184,.26); border-radius: 11px; color: #e7fff7 !important; background: rgba(42,128,100,.09); text-decoration: none; }.dispute-actions a:hover { border-color: rgba(96,224,184,.6); background: rgba(42,128,100,.16); }
.legal-sources { padding: 27px; border: 1px solid rgba(255,255,255,.1); border-radius: 19px; background: rgba(15,13,28,.87); }.legal-sources h2 { margin: 6px 0 18px; font-size: 22px; }.legal-sources > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }.legal-sources a { padding: 14px; display: flex; flex-direction: column; gap: 4px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; color: #dad5e4; background: rgba(255,255,255,.025); text-decoration: none; }.legal-sources a:hover { border-color: rgba(143,120,250,.4); }.legal-sources strong { font-size: 11px; }.legal-sources small { color: #817b8c; font-size: 9px; }.legal-footer { margin-top: 0; }
@media (max-width: 1050px) { .legal-layout { grid-template-columns: 1fr; }.legal-sidebar { position: static; display: grid; grid-template-columns: repeat(2,1fr); }.legal-sidebar > strong { grid-column: 1/-1; } }
@media (max-width: 700px) { .legal-shell { width: min(100% - 24px,1340px); padding-top: 105px; }.legal-hero { margin-bottom: 35px; }.legal-hero > p { font-size: 14px; }.legal-sidebar { grid-template-columns: 1fr; }.legal-sidebar > strong { grid-column: auto; }.legal-document > header,.legal-document article { padding: 24px 20px; }.legal-identity-card { margin: 18px 20px 0; grid-template-columns: 1fr; }.legal-callout { margin: 18px 20px 0; }.legal-table > div { grid-template-columns: 1fr; }.legal-table span + span,.legal-table strong + strong { border-top: 1px solid rgba(255,255,255,.07); border-left: 0; }.dispute-actions,.legal-sources > div { grid-template-columns: 1fr; }.cookie-register > div { grid-template-columns: 1fr; }.cookie-register p { grid-column: auto; } }