:root { --bg:#0a0a0f; --surface:#12121b; --surface-soft:#181824; --text:#f2f3f7; --muted:#a5a8b5; --line:rgba(255,255,255,.11); --primary:#818cf8; --accent:#22d3ee; --shadow:0 20px 55px rgba(0,0,0,.25); }
[data-theme="light"] { --bg:#f7f8fc; --surface:#fff; --surface-soft:#eff1f7; --text:#181a24; --muted:#626878; --line:rgba(19,24,43,.12); --primary:#4f46e5; --accent:#0891b2; --shadow:0 16px 45px rgba(21,26,47,.08); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; background:var(--bg); color:var(--text); font:16px/1.75 Inter,Arial,sans-serif; transition:background .25s,color .25s; }
body::before { content:""; position:fixed; z-index:-1; inset:-20% auto auto 45%; width:43rem; height:43rem; border-radius:50%; background:radial-gradient(circle,rgba(99,102,241,.14),transparent 66%); pointer-events:none; } a { color:inherit; } .skip-link { position:absolute; top:-50px; left:16px; background:var(--text); color:var(--bg); padding:8px 14px; z-index:10; } .skip-link:focus { top:16px; }
.site-header { width:min(1240px,calc(100% - 48px)); height:86px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); } .brand { display:flex; align-items:center; gap:10px; color:var(--primary); text-decoration:none; font-size:20px; font-weight:800; letter-spacing:-.04em; } .header-actions { display:flex; align-items:center; gap:10px; } button,.back-link { border:0; background:transparent; font:inherit; cursor:pointer; } .text-button,.icon-button { color:var(--muted); border:1px solid var(--line); border-radius:9px; padding:7px 10px; } .icon-button { font-size:18px; line-height:1; } .back-link { color:var(--text); text-decoration:none; font-size:14px; font-weight:600; margin-left:10px; } .back-link span { color:var(--accent); font-size:18px; vertical-align:-1px; }
main { width:min(1240px,calc(100% - 48px)); margin:auto; } .policy-hero { max-width:790px; padding:105px 0 82px; } .eyebrow,.policy-nav>p { color:var(--accent); font-size:11px; font-weight:800; letter-spacing:.15em; } h1,h2,h3,p { margin-top:0; } h1 { margin:12px 0 20px; letter-spacing:-.065em; font-size:clamp(45px,7vw,83px); line-height:.98; } .policy-hero>p { max-width:670px; color:var(--muted); font-size:clamp(17px,2vw,21px); line-height:1.6; } .policy-meta { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; color:var(--muted); font-size:14px; }
.policy-layout { display:grid; grid-template-columns:228px minmax(0,760px); gap:min(9vw,126px); padding-bottom:110px; } .policy-nav { align-self:start; position:sticky; top:25px; padding:22px 0; border-top:1px solid var(--line); } .policy-nav>p { margin-bottom:12px; } .policy-nav a { display:block; padding:5px 0; color:var(--muted); font-size:14px; text-decoration:none; } .policy-nav a:hover,.policy-nav a:focus { color:var(--primary); }
.policy-content { counter-reset:section; } .policy-content section { position:relative; padding:0 0 54px 58px; margin-bottom:48px; border-bottom:1px solid var(--line); } .policy-content section:last-child { border:0; } .section-number { position:absolute; top:7px; left:0; color:var(--accent); font-size:12px; font-weight:800; letter-spacing:.08em; } h2 { margin-bottom:17px; font-size:clamp(25px,3vw,36px); letter-spacing:-.045em; line-height:1.15; } h3 { margin-bottom:8px; font-size:16px; line-height:1.35; } p { color:var(--muted); } .policy-content p+p { margin-top:17px; } .data-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .data-grid>div { padding:19px; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); } .data-grid p { margin-bottom:0; font-size:14px; line-height:1.65; } ul { margin:0; padding-left:20px; color:var(--muted); } li { padding-left:7px; margin:10px 0; } li::marker { color:var(--accent); }.contact-panel { padding:34px 36px 34px 94px!important; border:1px solid rgba(129,140,248,.32)!important; border-radius:18px; background:linear-gradient(120deg,rgba(99,102,241,.16),rgba(6,182,212,.08)); } .contact-panel .section-number { top:41px; left:35px; } .contact-panel>a { display:inline-block; margin:3px 0 21px; color:var(--text); font-size:20px; font-weight:700; text-decoration-color:var(--accent); text-decoration-thickness:2px; text-underline-offset:5px; } .small { font-size:13px; }
footer { display:flex; justify-content:space-between; width:min(1240px,calc(100% - 48px)); margin:auto; padding:22px 0 32px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; } footer a { text-decoration:none; } footer a:hover { color:var(--primary); }
[dir="rtl"] body { font-family:Cairo,Arial,sans-serif; } [dir="rtl"] .policy-content section { padding:0 58px 54px 0; } [dir="rtl"] .section-number { left:auto; right:0; } [dir="rtl"] ul { padding-left:0; padding-right:20px; } [dir="rtl"] li { padding-left:0; padding-right:7px; } [dir="rtl"] .contact-panel { padding:34px 94px 34px 36px!important; } [dir="rtl"] .contact-panel .section-number { left:auto; right:35px; }
@media (max-width:760px) { .site-header,main,footer { width:min(100% - 32px,640px); } .site-header { height:72px; } .back-link { display:none; } .policy-hero { padding:65px 0 52px; } .policy-layout { display:block; padding-bottom:68px; } .policy-nav { position:static; display:flex; gap:12px; overflow:auto; padding:13px 0; margin-bottom:45px; white-space:nowrap; } .policy-nav>p { display:none; } .policy-nav a { border:1px solid var(--line); border-radius:999px; padding:5px 11px; } .policy-content section { padding-left:0; padding-top:27px; margin-bottom:34px; padding-bottom:35px; } .section-number { top:0; } .data-grid { grid-template-columns:1fr; } .contact-panel { padding:54px 20px 24px!important; } .contact-panel .section-number { top:25px; left:20px; } [dir="rtl"] .policy-content section { padding-right:0; } [dir="rtl"] .section-number { right:0; } [dir="rtl"] .contact-panel { padding:54px 20px 24px!important; } [dir="rtl"] .contact-panel .section-number { right:20px; } }
@media (prefers-reduced-motion:no-preference) { .policy-content section { animation:enter .55s both; } .policy-content section:nth-child(2){animation-delay:.05s}.policy-content section:nth-child(3){animation-delay:.1s}.policy-content section:nth-child(4){animation-delay:.15s}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} }