/* SatlaTik legal pages (Terms of Service / Privacy Policy / Refund Policy) */
:root{ --bg:#060F1C; --accent:#38BDF8; --secondary:#2563EB; --cyan:#25F4EE; --text:#E6F4FF; --muted:#9AA9BE; --line:rgba(56,189,248,.14); }
*{ box-sizing:border-box; }
html,body{ margin:0; }
body{ min-height:100vh; background:var(--bg); color:var(--text); font-family:'Outfit','Heebo',sans-serif; -webkit-font-smoothing:antialiased; }
a{ color:inherit; }
.lg-wrap{ position:relative; z-index:1; width:min(1120px, calc(100% - 32px)); margin:0 auto; padding:32px 0 0; }
.lg-bar{ display:flex; align-items:center; gap:12px; padding:14px 18px; border-radius:18px; background:rgba(10,18,32,.72); border:1px solid rgba(56,189,248,.16); backdrop-filter:blur(10px); }
.lg-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; }
.lg-brand img{ width:30px; height:30px; padding:3px; border-radius:8px; background:#071426; border:1px solid rgba(56,189,248,.35); }
.lg-brand b{ font-size:16px; font-weight:800; color:#fff; letter-spacing:-.01em; }
.lg-brand small{ margin-left:2px; font-size:10.5px; font-weight:600; letter-spacing:.12em; color:#7d8ba0; }
.lg-nav{ margin-left:auto; display:flex; gap:10px; }
.lg-pill{ display:inline-flex; align-items:center; padding:8px 15px; border-radius:999px; background:rgba(15,25,42,.8); border:1px solid rgba(56,189,248,.22); color:#e6f4ff; font-size:13px; font-weight:700; text-decoration:none; transition:border-color .2s, background .2s; }
.lg-pill:hover{ border-color:rgba(56,189,248,.6); background:rgba(56,189,248,.1); }
.lg-pill.accent{ color:#7DD3FC; }
.lg-main{ width:min(760px, 100%); margin:52px auto 0; }
.lg-badge{ display:inline-block; padding:5px 13px; border-radius:999px; border:1px solid rgba(56,189,248,.45); background:rgba(56,189,248,.08); color:var(--accent); font-size:12px; font-weight:800; letter-spacing:.16em; }
.lg-main h1{ margin:18px 0 6px; font-size:clamp(38px, 6vw, 56px); line-height:1; font-weight:900; letter-spacing:-.02em; text-transform:uppercase; color:#fff; }
.lg-upd{ margin:0; color:var(--muted); font-size:14.5px; }
.lg-hr{ height:1px; margin:28px 0; background:var(--line); border:none; }
.lg-main h2{ display:flex; align-items:center; gap:10px; margin:30px 0 12px; padding-left:12px; border-left:3px solid; border-image:linear-gradient(180deg,var(--cyan),var(--secondary)) 1; font-size:16px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#fff; }
.lg-main h2 span{ color:var(--accent); }
.lg-main p{ margin:0 0 14px; color:var(--muted); font-size:15px; line-height:1.75; }
.lg-main p b{ color:#fff; font-weight:800; }
.lg-main ul{ margin:0 0 14px; padding:0; list-style:none; }
.lg-main li{ position:relative; margin:0 0 12px; padding-left:22px; color:var(--muted); font-size:15px; line-height:1.6; }
.lg-main li::before{ content:''; position:absolute; left:4px; top:.62em; width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 8px rgba(56,189,248,.7); }
.lg-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:4px; }
.lg-foot{ margin-top:90px; padding:26px 0 40px; border-top:1px solid var(--line); display:flex; justify-content:center; align-items:center; gap:18px; flex-wrap:wrap; font-size:13.5px; color:var(--muted); }
.lg-foot a{ color:#9fd8ff; font-weight:700; text-decoration:none; }
.lg-foot a:hover{ color:#fff; }
html[dir="rtl"] .lg-brand small{ margin:0 2px 0 0; }
html[dir="rtl"] .lg-nav{ margin:0 auto 0 0; }
html[dir="rtl"] .lg-main h2{ padding:0 12px 0 0; border-left:none; border-right:3px solid; }
html[dir="rtl"] .lg-main li{ padding:0 22px 0 0; }
html[dir="rtl"] .lg-main li::before{ left:auto; right:4px; }
@media (max-width:640px){ .lg-wrap{ padding-top:16px; } .lg-brand small{ display:none; } .lg-pill{ padding:7px 11px; font-size:12px; } .lg-main{ margin-top:34px; } }
[hidden]{ display:none !important; }