/* =============================================
   ELDORIA — PRIVACY POLICY PAGE
   Dark · Gold accent · Syne + DM Sans
   ============================================= */

:root {
    --clr-bg:       #08090d;
    --clr-s1:       #0e1117;
    --clr-s2:       #13161f;
    --clr-s3:       #1a1f2b;
    --clr-border:   rgba(255,255,255,.07);
    --clr-border2:  rgba(255,255,255,.12);
    --clr-text:     #e2e8f0;
    --clr-muted:    #5a6478;
    --clr-muted2:   #8492a6;
    --clr-gold:     #e9b84a;
    --clr-gold-dim: rgba(233,184,74,.1);
    --clr-gold-b:   rgba(233,184,74,.28);
    --clr-pink:     #f43f6b;
    --clr-purple:   #a855f7;
    --clr-blue:     #60a5fa;
    --clr-green:    #34d399;
    --clr-red:      #f87171;
    --clr-orange:   #fb923c;
    --font-d: 'Syne', sans-serif;
    --font-b: 'DM Sans', sans-serif;
    --r-md: 14px; --r-lg: 20px; --r-xl: 28px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--clr-bg); color: var(--clr-text); font-family: var(--font-b); overflow-x: hidden; }

/* ── Shared ──────────────────────────────────── */
.pp-tag {
    display: inline-block;
    font-family: var(--font-d); font-size: 0.68rem; font-weight: 700;
    letter-spacing: .22em; text-transform: uppercase;
    color: var(--clr-gold); background: var(--clr-gold-dim);
    border: 1px solid var(--clr-gold-b);
    padding: 5px 16px; border-radius: 100px; margin-bottom: 16px;
}

/* ── Buttons ─────────────────────────────────── */
.pp-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 20px; border-radius: 100px;
    font-family: var(--font-d); font-size: 0.78rem; font-weight: 700;
    border: none; cursor: pointer; text-decoration: none;
    transition: transform .22s, box-shadow .22s, background .2s;
}
.pp-btn:hover { transform: translateY(-2px); }

.pp-btn--primary { background:linear-gradient(135deg,var(--clr-gold),#d4920f);color:#0e0900;box-shadow:0 6px 18px rgba(233,184,74,.3); }
.pp-btn--primary:hover { box-shadow:0 10px 26px rgba(233,184,74,.45); }

.pp-btn--ghost { background:rgba(255,255,255,.05);border:1px solid var(--clr-border2);color:var(--clr-muted2); }
.pp-btn--ghost:hover { background:rgba(255,255,255,.09);color:var(--clr-text); }

.pp-btn--action {
    background:var(--clr-s2);border:1px solid var(--clr-border2);color:var(--clr-text);
}
.pp-btn--action:hover { border-color:var(--clr-gold-b);background:var(--clr-gold-dim);color:var(--clr-gold); }

/* ── Notice ──────────────────────────────────── */
.pp-notice {
    display:flex;align-items:flex-start;gap:12px;
    padding:14px 18px;border-radius:var(--r-md);
    font-size:0.84rem;line-height:1.6;
}
.pp-notice i { flex-shrink:0;margin-top:2px; }
.pp-notice--warn { background:rgba(251,146,60,.08);border:1px solid rgba(251,146,60,.25);color:#fdba74; }
.pp-notice--warn i { color:var(--clr-orange); }
.pp-notice--info { background:rgba(96,165,250,.07);border:1px solid rgba(96,165,250,.2);color:var(--clr-muted2); }
.pp-notice--info i { color:var(--clr-blue); }

/* ══════════════════════════════════════════════
   HERO
══════════════════════════════════════════════ */
.pp-hero {
    position:relative;padding:100px 0 64px;
    background:var(--clr-s1);border-bottom:1px solid var(--clr-border);
    overflow:hidden;isolation:isolate;
}
.pp-hero__bg { position:absolute;inset:0;z-index:-1; }
.pp-hero__grid {
    position:absolute;inset:0;
    background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);
}
.pp-hero__orb { position:absolute;border-radius:50%;filter:blur(80px); }
.pp-hero__orb--a { width:460px;height:460px;background:rgba(233,184,74,.09);top:-20%;left:-6%; }
.pp-hero__orb--b { width:320px;height:320px;background:rgba(244,63,107,.07);top:10%;right:-4%; }

.pp-hero__container { max-width:900px;margin:0 auto;padding:0 24px; }
.pp-hero__inner { text-align:center; }
.pp-hero__title {
    font-family:var(--font-d);font-size:clamp(2.2rem,5vw,3.6rem);
    font-weight:800;color:#fff;line-height:1.1;margin-bottom:16px;
}
.pp-hero__title em { font-style:normal;background:linear-gradient(90deg,var(--clr-gold),var(--clr-pink));-webkit-background-clip:text;background-clip:text;color:transparent; }
.pp-hero__sub { font-size:0.95rem;color:var(--clr-muted2);margin-bottom:32px;line-height:1.65; }

.pp-hero__meta { display:flex;gap:14px;justify-content:center;flex-wrap:wrap; }
.pp-meta-card {
    display:flex;align-items:center;gap:12px;
    padding:12px 18px;border-radius:var(--r-lg);
    background:var(--clr-s2);border:1px solid var(--clr-border2);
    transition:border-color .2s;
}
.pp-meta-card:hover { border-color:var(--clr-gold-b); }
.pp-meta-card i { color:var(--clr-gold);font-size:1.1rem; }
.pp-meta-card div { display:flex;flex-direction:column;gap:2px; }
.pp-meta-label { font-size:0.7rem;color:var(--clr-muted);letter-spacing:.06em;text-transform:uppercase; }
.pp-meta-val { font-family:var(--font-d);font-size:0.9rem;font-weight:800;color:#fff; }

/* ══════════════════════════════════════════════
   LAYOUT
══════════════════════════════════════════════ */
.pp-wrap { background:var(--clr-bg);padding:60px 0 120px; }
.pp-container { max-width:1160px;margin:0 auto;padding:0 24px; }
.pp-layout { display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start; }

/* ── Sidebar nav ─────────────────────────────── */
.pp-nav {
    position:sticky;top:80px;
    background:var(--clr-s1);border:1px solid var(--clr-border);
    border-radius:var(--r-xl);padding:20px;
    display:flex;flex-direction:column;gap:6px;
}

.pp-nav__scroll { margin-bottom:12px; }
.pp-nav__bar { height:3px;background:var(--clr-border);border-radius:100px;overflow:hidden; }
.pp-nav__bar-fill { height:100%;background:linear-gradient(90deg,var(--clr-gold),var(--clr-pink));width:0;transition:width .25s; }

.pp-nav__item {
    display:flex;align-items:center;gap:10px;
    padding:9px 12px;border-radius:var(--r-md);
    text-decoration:none;color:var(--clr-muted);
    font-size:0.8rem;transition:all .18s;
}
.pp-nav__item:hover { color:var(--clr-text);background:rgba(255,255,255,.05); }
.pp-nav__item--active { color:var(--clr-gold);background:var(--clr-gold-dim);border:1px solid var(--clr-gold-b); }

.pp-nav__num { font-family:var(--font-d);font-size:0.64rem;font-weight:800;color:var(--clr-gold);opacity:.7; }
.pp-nav__label { flex:1;font-family:var(--font-d);font-size:0.72rem;font-weight:700; }

.pp-nav__actions { display:flex;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--clr-border); }
.pp-nav__btn {
    flex:1;padding:9px;border-radius:var(--r-md);
    background:rgba(255,255,255,.04);border:1px solid var(--clr-border);
    color:var(--clr-muted);cursor:pointer;font-size:0.82rem;
    transition:all .18s;
}
.pp-nav__btn:hover { background:var(--clr-gold-dim);border-color:var(--clr-gold-b);color:var(--clr-gold); }

/* ── Section ─────────────────────────────────── */
.pp-section { margin-bottom:56px; scroll-margin-top:90px; }

.pp-section__head {
    display:flex;align-items:center;gap:16px;
    padding:20px 24px;margin-bottom:24px;
    background:var(--clr-s2);border:1px solid var(--clr-border);
    border-radius:var(--r-lg);position:relative;overflow:hidden;
}
.pp-section__head::before {
    content:'';position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,var(--clr-gold),var(--clr-pink));
}
.pp-section__num {
    font-family:var(--font-d);font-size:2rem;font-weight:800;
    background:linear-gradient(135deg,var(--clr-gold),var(--clr-pink));
    -webkit-background-clip:text;background-clip:text;color:transparent;
    opacity:.4;line-height:1;flex-shrink:0;
}
.pp-section__title { font-family:var(--font-d);font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:4px; }
.pp-section__sub   { font-size:0.78rem;color:var(--clr-muted); }
.pp-section__icon  { font-size:1.6rem;margin-left:auto;flex-shrink:0;opacity:.7; }

/* ── 3-col cards ─────────────────────────────── */
.pp-cards3 {
    display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;
}
.pp-card3 {
    background:var(--clr-s2);border:1px solid var(--clr-border);
    border-radius:var(--r-lg);padding:20px;
    transition:border-color .2s,transform .2s;
}
.pp-card3:hover { border-color:var(--clr-gold-b);transform:translateY(-3px); }
.pp-card3__icon {
    width:40px;height:40px;border-radius:10px;
    background:var(--clr-gold-dim);border:1px solid var(--clr-gold-b);
    display:flex;align-items:center;justify-content:center;
    color:var(--clr-gold);font-size:0.95rem;margin-bottom:12px;
}
.pp-card3 h3 { font-family:var(--font-d);font-size:0.84rem;font-weight:800;color:#fff;margin-bottom:8px; }
.pp-card3 p  { font-size:0.78rem;color:var(--clr-muted);line-height:1.6; }

.pp-text { font-size:0.86rem;color:var(--clr-muted2);line-height:1.72;margin-bottom:16px; }

/* ── Data grid ───────────────────────────────── */
.pp-data-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }
.pp-data-cat { background:var(--clr-s2);border:1px solid var(--clr-border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .2s; }
.pp-data-cat:hover { border-color:var(--clr-border2); }
.pp-data-cat__head {
    display:flex;align-items:center;gap:10px;
    padding:14px 18px;border-bottom:1px solid var(--clr-border);
    font-family:var(--font-d);font-size:0.78rem;font-weight:800;color:var(--clr-text);
}
.pp-data-cat__head i { color:var(--clr-gold);font-size:0.9rem; }

.pp-data-list { list-style:none;padding:0; }
.pp-data-list li {
    display:flex;align-items:center;gap:10px;
    padding:10px 18px;border-bottom:1px solid var(--clr-border);
    font-size:0.8rem;color:var(--clr-muted2);
}
.pp-data-list li:last-child { border-bottom:none; }
.pp-data-list li i { color:var(--clr-gold);font-size:0.7rem;flex-shrink:0;width:14px; }

/* ── Timeline ────────────────────────────────── */
.pp-timeline { display:flex;flex-direction:column;gap:12px; }
.pp-tl-item {
    display:flex;gap:16px;
    background:var(--clr-s2);border:1px solid var(--clr-border);
    border-radius:var(--r-lg);padding:18px 20px;
    transition:border-color .2s,transform .2s;
}
.pp-tl-item:hover { border-color:var(--clr-gold-b);transform:translateX(4px); }
.pp-tl-icon {
    width:42px;height:42px;border-radius:10px;flex-shrink:0;
    background:var(--clr-gold-dim);border:1px solid var(--clr-gold-b);
    display:flex;align-items:center;justify-content:center;
    color:var(--clr-gold);font-size:0.95rem;
}
.pp-tl-body h3 { font-family:var(--font-d);font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:6px; }
.pp-tl-body p  { font-size:0.8rem;color:var(--clr-muted);line-height:1.6; }

/* ── Protection grid ─────────────────────────── */
.pp-prot-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:12px; }
.pp-prot-card {
    background:var(--clr-s2);border:1px solid var(--clr-border);
    border-radius:var(--r-lg);padding:20px;
    transition:border-color .2s,transform .2s;
}
.pp-prot-card:hover { border-color:var(--clr-gold-b);transform:translateY(-3px); }
.pp-prot-card__icon {
    width:44px;height:44px;border-radius:12px;
    background:var(--clr-gold-dim);border:1px solid var(--clr-gold-b);
    display:flex;align-items:center;justify-content:center;
    color:var(--clr-gold);font-size:1rem;margin-bottom:14px;
}
.pp-prot-card h3 { font-family:var(--font-d);font-size:0.84rem;font-weight:800;color:#fff;margin-bottom:12px; }

.pp-check-list { list-style:none;display:flex;flex-direction:column;gap:7px; }
.pp-check-list li {
    display:flex;align-items:center;gap:8px;
    font-size:0.78rem;color:var(--clr-muted2);
}
.pp-check-list li::before { content:'✓';color:var(--clr-green);font-weight:700;flex-shrink:0; }

/* ── Cookies ─────────────────────────────────── */
.pp-cookies {
    background:var(--clr-s2);border:1px solid var(--clr-border);
    border-radius:var(--r-xl);padding:24px;
}
.pp-cookies__head {
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:20px;
}
.pp-cookies__head h3 { font-family:var(--font-d);font-size:0.96rem;font-weight:800;color:#fff; }

.pp-cookies__grid { display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px; }

.pp-cookie {
    background:rgba(255,255,255,.03);border:1px solid var(--clr-border);
    border-radius:var(--r-lg);padding:16px;position:relative;overflow:hidden;
    transition:border-color .2s;
}
.pp-cookie:hover { border-color:var(--clr-border2); }
.pp-cookie::before { content:'';position:absolute;top:0;left:0;right:0;height:2px; }
.pp-cookie--essential::before  { background:var(--clr-gold); }
.pp-cookie--functional::before { background:var(--clr-blue); }
.pp-cookie--analytics::before  { background:var(--clr-orange); }
.pp-cookie--marketing::before  { background:var(--clr-purple); }

.pp-cookie__top { display:flex;justify-content:space-between;align-items:center;margin-bottom:10px; }
.pp-cookie__icon { font-size:1.2rem;color:var(--clr-gold); }

/* Toggle */
.pp-toggle { position:relative;cursor:pointer; }
.pp-toggle input { display:none; }
.pp-toggle__track {
    display:block;width:42px;height:22px;border-radius:11px;
    background:rgba(255,255,255,.1);position:relative;transition:background .2s;
}
.pp-toggle__track::after {
    content:'';position:absolute;top:3px;left:3px;
    width:16px;height:16px;border-radius:50%;
    background:var(--clr-muted);transition:all .2s;
}
.pp-toggle input:checked ~ .pp-toggle__track { background:var(--clr-gold); }
.pp-toggle input:checked ~ .pp-toggle__track::after { left:23px;background:#fff; }
.pp-toggle input:disabled ~ .pp-toggle__track { opacity:.5;cursor:not-allowed; }

.pp-cookie__name { font-family:var(--font-d);font-size:0.8rem;font-weight:800;color:#fff;margin-bottom:4px; }
.pp-cookie__desc { font-size:0.74rem;color:var(--clr-muted);margin-bottom:8px;line-height:1.4; }
.pp-cookie__dur  { font-size:0.7rem;color:var(--clr-gold);font-weight:600; }

.pp-cookies__footer { padding-top:16px;border-top:1px solid var(--clr-border); }

/* ── Rights grid ─────────────────────────────── */
.pp-rights-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px; }
.pp-right {
    background:var(--clr-s2);border:1px solid var(--clr-border);
    border-radius:var(--r-lg);padding:20px;text-align:center;
    transition:border-color .2s,transform .2s;
}
.pp-right:hover { border-color:var(--clr-gold-b);transform:translateY(-3px); }
.pp-right__icon {
    width:44px;height:44px;border-radius:12px;
    background:var(--clr-gold-dim);border:1px solid var(--clr-gold-b);
    display:flex;align-items:center;justify-content:center;
    color:var(--clr-gold);font-size:1rem;margin:0 auto 12px;
}
.pp-right h3 { font-family:var(--font-d);font-size:0.8rem;font-weight:800;color:#fff;margin-bottom:8px; }
.pp-right p  { font-size:0.76rem;color:var(--clr-muted);line-height:1.55; }

.pp-rights-actions { display:flex;gap:10px;flex-wrap:wrap; }

/* ── Contacts ────────────────────────────────── */
.pp-contacts { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }
.pp-contact {
    background:var(--clr-s2);border:1px solid var(--clr-border);
    border-radius:var(--r-lg);padding:22px;text-align:center;
    transition:border-color .2s,transform .2s;
}
.pp-contact:hover { border-color:var(--clr-gold-b);transform:translateY(-3px); }
.pp-contact__icon {
    width:48px;height:48px;border-radius:12px;
    background:var(--clr-gold-dim);border:1px solid var(--clr-gold-b);
    display:flex;align-items:center;justify-content:center;
    color:var(--clr-gold);font-size:1.1rem;margin:0 auto 14px;
}
.pp-contact h3 { font-family:var(--font-d);font-size:0.84rem;font-weight:800;color:#fff;margin-bottom:8px; }
.pp-contact__email {
    display:block;font-size:0.8rem;color:var(--clr-gold);
    text-decoration:none;margin-bottom:6px;word-break:break-all;
    border-bottom:1px solid rgba(233,184,74,.3);padding-bottom:2px;
    transition:border-color .18s;
}
.pp-contact__email:hover { border-color:var(--clr-gold); }
.pp-contact p { font-size:0.74rem;color:var(--clr-muted); }

/* ── Final block ─────────────────────────────── */
.pp-final {
    background:var(--clr-s1);border:1px solid var(--clr-border);
    border-radius:var(--r-xl);padding:48px;text-align:center;margin-top:16px;
    position:relative;overflow:hidden;
}
.pp-final::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--clr-gold),var(--clr-pink)); }
.pp-final__icon  { font-size:2.8rem;margin-bottom:14px;display:block; }
.pp-final__title { font-family:var(--font-d);font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:10px; }
.pp-final__text  { font-size:0.86rem;color:var(--clr-muted);line-height:1.7;max-width:480px;margin:0 auto 16px; }
.pp-final__date  { font-family:var(--font-d);font-size:0.8rem;color:var(--clr-gold); }

/* ── Modal ───────────────────────────────────── */
.pp-modal-overlay {
    position:fixed;inset:0;z-index:2000;
    background:rgba(0,0,0,.72);backdrop-filter:blur(6px);
    display:flex;align-items:center;justify-content:center;padding:20px;
    opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;
}
.pp-modal-overlay.is-open { opacity:1;visibility:visible; }

.pp-modal {
    background:var(--clr-s1);border:1px solid var(--clr-border2);
    border-radius:22px;padding:36px 32px;width:100%;max-width:440px;
    position:relative;box-shadow:0 24px 60px rgba(0,0,0,.55);
    transform:translateY(16px) scale(.97);transition:transform .28s cubic-bezier(.4,0,.2,1);
}
.pp-modal-overlay.is-open .pp-modal { transform:translateY(0) scale(1); }
.pp-modal::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--clr-gold),var(--clr-pink));border-radius:22px 22px 0 0; }

.pp-modal__close {
    position:absolute;top:14px;right:14px;
    width:30px;height:30px;border-radius:50%;
    background:rgba(255,255,255,.06);border:1px solid var(--clr-border);
    color:var(--clr-muted);cursor:pointer;font-size:0.84rem;
    display:flex;align-items:center;justify-content:center;transition:all .18s;
}
.pp-modal__close:hover { background:rgba(255,255,255,.1);color:var(--clr-text); }

.pp-modal__icon  { font-size:2.4rem;margin-bottom:14px;display:block;text-align:center; }
.pp-modal__title { font-family:var(--font-d);font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:10px;text-align:center; }
.pp-modal__text  { font-size:0.84rem;color:var(--clr-muted);margin-bottom:8px;line-height:1.6; }
.pp-modal__list  { list-style:none;margin-bottom:20px; }
.pp-modal__list li { font-size:0.82rem;color:var(--clr-muted2);padding:6px 0;border-bottom:1px solid var(--clr-border);display:flex;align-items:center;gap:8px; }
.pp-modal__list li::before { content:'→';color:var(--clr-gold); }
.pp-modal__list li:last-child { border-bottom:none; }
.pp-modal__footer { display:flex;gap:10px;justify-content:flex-end;margin-top:20px; }

/* ── Toast ───────────────────────────────────── */
.pp-toast {
    position:fixed;bottom:28px;left:50%;transform:translateX(-50%);
    background:var(--clr-s2);border:1px solid var(--clr-border2);
    color:var(--clr-text);font-family:var(--font-d);font-size:0.8rem;font-weight:700;
    padding:11px 24px;border-radius:100px;
    box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:9999;
    opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap;
}
.pp-toast.visible { opacity:1; }

/* ── Responsive ──────────────────────────────── */
@media (max-width:1024px) {
    .pp-layout { grid-template-columns:180px 1fr;gap:24px; }
    .pp-cards3, .pp-data-grid, .pp-rights-grid, .pp-contacts { grid-template-columns:repeat(2,1fr); }
    .pp-prot-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .pp-layout { grid-template-columns:1fr; }
    .pp-nav { position:static;flex-direction:row;flex-wrap:wrap;gap:6px; }
    .pp-nav nav { display:flex;gap:6px;flex-wrap:wrap;width:100%; }
    .pp-nav__item { flex:1;min-width:80px;justify-content:center; }
    .pp-nav__label { display:none; }
    .pp-nav__num { font-size:0.8rem; }
    .pp-nav__scroll { display:none; }
    .pp-cards3, .pp-data-grid, .pp-prot-grid, .pp-rights-grid, .pp-contacts { grid-template-columns:1fr; }
    .pp-cookies__grid { grid-template-columns:1fr; }
    .pp-hero { padding:80px 0 48px; }
    .pp-hero__title { font-size:2.2rem; }
    .pp-final { padding:32px 22px; }
}

@media print {
    .pp-nav, .pp-hero__bg, .pp-modal-overlay, .pp-toast { display:none !important; }
    .pp-layout { grid-template-columns:1fr; }
    .pp-section__head::before { background:#999 !important; }
}