.privacy-page { background: radial-gradient(circle at 47% 5%, rgba(86, 58, 202, .2), transparent 27%), radial-gradient(circle at 90% 36%, rgba(44, 93, 193, .13), transparent 27%), linear-gradient(180deg, #020615, #04091a 70%, #061027); }.privacy-page-content { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 30px 0 78px; }.privacy-hero { min-height: 194px; padding: 35px 4px 32px; display: flex; align-items: center; gap: 21px; }.privacy-hero-icon { width: 76px; height: 76px; flex: 0 0 76px; display: grid; place-items: center; color: #b697ff; border: 1px solid rgba(151, 111, 235, .42); border-radius: 20px; background: linear-gradient(145deg, rgba(111, 69, 211, .25), rgba(49, 40, 124, .48)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 38px rgba(117, 75, 216, .16); font-size: 36px; }.privacy-hero .eyebrow { margin: 0 0 6px; color: #a77af3; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.privacy-hero h1 { margin: 0; font-size: clamp(34px, 4vw, 48px); line-height: 1.08; letter-spacing: -1.2px; }.privacy-hero > div:nth-child(2) > p:last-child { max-width: 650px; margin: 10px 0 0; color: #9ea6ba; font-size: 13px; line-height: 1.6; }.privacy-date { margin-left: auto; padding: 10px 13px; display: grid; gap: 3px; border: 1px solid rgba(110, 121, 166, .24); border-radius: 10px; background: rgba(12, 22, 44, .7); white-space: nowrap; }.privacy-date span { color: #6f7890; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }.privacy-date strong { color: #bec4d6; font-size: 10px; }
.privacy-layout { display: grid; grid-template-columns: 235px minmax(0, 1fr); align-items: start; gap: 22px; }.privacy-navigation { padding: 18px; position: sticky; top: 82px; border: 1px solid rgba(98, 112, 158, .22); border-radius: 13px; background: rgba(10, 18, 40, .78); }.privacy-navigation > p { margin: 0 0 11px; color: #737d94; font-size: 8px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }.privacy-navigation nav { display: grid; }.privacy-navigation a { min-height: 36px; display: grid; grid-template-columns: 25px 1fr; align-items: center; gap: 7px; color: #9ca5bb; border-top: 1px solid rgba(96, 110, 153, .12); font-size: 9px; }.privacy-navigation a:hover { color: #c5adff; }.privacy-navigation a span { color: #655c83; font: 7px ui-monospace, monospace; }
.privacy-policy { overflow: hidden; border: 1px solid rgba(101, 113, 160, .25); border-radius: 17px; background: linear-gradient(145deg, rgba(16, 25, 50, .96), rgba(6, 13, 31, .98)); box-shadow: 0 25px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025); }.privacy-policy > section { padding: 27px 31px; scroll-margin-top: 88px; }.privacy-policy > section + section { border-top: 1px solid rgba(99, 112, 156, .15); }.privacy-policy > section > h2 { margin: 2px 0 13px; color: #e8e9f2; font-size: 19px; letter-spacing: -.25px; }.privacy-section-number { color: #8d66db; font: 800 8px ui-monospace, monospace; letter-spacing: .08em; }.privacy-policy p, .privacy-policy li { color: #929bb2; font-size: 11px; line-height: 1.72; }.privacy-policy p { margin: 0; }.privacy-policy p + p { margin-top: 12px; }.privacy-policy ul { margin: 3px 0 0; padding-left: 18px; display: grid; gap: 8px; }.privacy-policy li::marker { color: #9a70ea; }.privacy-policy li strong { color: #c3c8d7; }.privacy-summary { display: flex; align-items: flex-start; gap: 14px; background: radial-gradient(circle at 90% 20%, rgba(97, 56, 196, .15), transparent 37%), rgba(45, 31, 87, .12); }.privacy-summary > span { width: 39px; height: 39px; flex: 0 0 39px; display: grid; place-items: center; color: #b38bf5; border: 1px solid rgba(150, 105, 226, .3); border-radius: 11px; background: rgba(99, 61, 182, .13); font-size: 19px; }.privacy-summary h2 { margin: 0 0 7px; font-size: 16px; }.privacy-data-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.privacy-data-grid > div { padding: 15px; border: 1px solid rgba(97, 112, 157, .17); border-radius: 10px; background: rgba(7, 15, 34, .5); }.privacy-data-grid > div > span { color: #9a76eb; font-size: 18px; }.privacy-data-grid h3, .privacy-provider-list h3 { margin: 8px 0 6px; color: #c6cbd9; font-size: 11px; }.privacy-data-grid p, .privacy-provider-list p { font-size: 9px; line-height: 1.6; }.privacy-note { margin: 16px 0; padding: 14px 15px; display: grid; grid-template-columns: auto 1fr; gap: 10px; border: 1px solid rgba(229, 157, 72, .25); border-radius: 9px; background: rgba(146, 85, 27, .09); }.privacy-note strong { color: #e8b16c; font-size: 10px; }.privacy-note p { color: #a99c8c; font-size: 9px; }.privacy-provider-list { margin: 16px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.privacy-provider-list article { padding: 15px; border: 1px solid rgba(96, 113, 159, .18); border-radius: 10px; background: rgba(7, 15, 34, .5); }.privacy-provider-list article > div { display: flex; align-items: center; gap: 8px; }.privacy-provider-list article > div span { color: #9370e3; }.privacy-provider-list h3 { margin: 0; }.privacy-provider-list a { margin-top: 12px; display: inline-block; color: #a886ef; font-size: 8px; }.privacy-contact { display: flex; align-items: flex-start; gap: 14px; background: radial-gradient(circle at 85% 16%, rgba(69, 100, 207, .16), transparent 38%), rgba(17, 31, 67, .24); }.privacy-contact > span { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; color: #91adf4; border: 1px solid rgba(91, 132, 225, .3); border-radius: 11px; background: rgba(48, 83, 175, .13); }.privacy-contact > div > p:first-child { color: #7787aa; font-size: 8px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }.privacy-contact h2 { margin: 4px 0 7px; font-size: 17px; }.privacy-contact a { color: #b89bf5; text-decoration: underline; text-underline-offset: 3px; }.privacy-legal-note { margin: 0; padding: 14px 31px 18px; color: #5f687d; font-size: 8px; line-height: 1.55; }
@media (max-width: 900px) { .privacy-layout { grid-template-columns: 1fr; }.privacy-navigation { position: static; }.privacy-navigation nav { grid-template-columns: 1fr 1fr; }.privacy-provider-list { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .site-footer { padding: 19px 16px; grid-template-columns: 1fr; }.site-footer > div { align-items: flex-start; flex-direction: column; }.site-footer nav { grid-row: 2; }.site-footer > small { grid-column: auto; }.privacy-page-content { width: calc(100% - 24px); padding-top: 18px; }.privacy-hero { padding: 25px 3px 28px; display: grid; grid-template-columns: 54px 1fr; gap: 13px; }.privacy-hero-icon { width: 54px; height: 54px; border-radius: 14px; font-size: 27px; }.privacy-hero .eyebrow { margin: 0; font-size: 8px; }.privacy-hero h1 { margin-top: 5px; font-size: 31px; }.privacy-hero > div:nth-child(2) > p:last-child { grid-column: 1 / -1; font-size: 11px; }.privacy-date { margin: 0; grid-column: 1 / -1; width: fit-content; }.privacy-navigation { padding: 15px; }.privacy-navigation nav { grid-template-columns: 1fr; }.privacy-policy > section { padding: 22px 18px; }.privacy-data-grid { grid-template-columns: 1fr; }.privacy-note { grid-template-columns: 1fr; }.privacy-summary { display: grid; }.privacy-contact { display: grid; }.privacy-legal-note { padding: 13px 18px 17px; } }
