:root { --bg:#f6f8fb; --bg-soft:#fff; --card:rgba(255,255,255,.86); --text:#121826; --muted:#637083; --line:rgba(18,24,38,.1); --primary:#2663ff; --primary-2:#7c3aed; --shadow:0 24px 70px rgba(15,23,42,.12); --radius:26px; }
    [data-theme="dark"] { --bg:#080b12; --bg-soft:#0e1422; --card:rgba(17,24,39,.82); --text:#eef2ff; --muted:#9aa7bc; --line:rgba(238,242,255,.12); --primary:#77a4ff; --primary-2:#c084fc; --shadow:0 24px 70px rgba(0,0,0,.38); }
    * { box-sizing:border-box; } body { margin:0; min-height:100vh; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--text); background:radial-gradient(circle at top left,rgba(38,99,255,.20),transparent 32rem),radial-gradient(circle at top right,rgba(124,58,237,.18),transparent 30rem),linear-gradient(135deg,var(--bg),var(--bg-soft)); }
    .shell { width:min(900px,calc(100% - 32px)); margin:0 auto; padding:28px 0 42px; } .topbar,.policy,.footer { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); backdrop-filter:blur(22px); } .topbar { position:sticky; top:12px; z-index:45; padding:16px 18px; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:24px; } .brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-.03em; } .logo { width:44px; height:44px; border-radius:16px; display:grid; place-items:center; color:white; background:linear-gradient(135deg,var(--primary),var(--primary-2)); } .logo svg { width:27px; height:27px; } .actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; } button,select { font:inherit; } button,.select { border:1px solid var(--line); border-radius:999px; padding:10px 14px; background:var(--card); color:var(--text); font-weight:800; cursor:pointer; } select { border:0; color:var(--text); background:transparent; outline:0; font-weight:800; } .policy { padding:clamp(24px,5vw,44px); } h1 { font-size:clamp(2rem,5vw,3.8rem); line-height:1; letter-spacing:-.06em; margin:0 0 14px; } h2 { margin-top:28px; } p,li { color:var(--muted); line-height:1.75; } a { color:var(--primary); font-weight:800; text-decoration:none; } a:hover { text-decoration:underline; } .footer { margin-top:24px; padding:18px 22px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; color:var(--muted); }

    /* Modern, theme-aware custom dropdowns */
    .custom-select { position: relative; width: 100%; }
    .custom-select-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; overflow: hidden !important; }
    .custom-select-trigger {
      width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
      padding: 12px 14px; color: var(--text); text-align: left; font-weight: 750;
      background: color-mix(in srgb, var(--card-strong) 92%, transparent);
      border: 1px solid var(--line); border-radius: 16px; outline: none;
      box-shadow: 0 6px 18px rgba(15,23,42,.05); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    .custom-select-trigger:hover { border-color: color-mix(in srgb, var(--primary) 45%, var(--line)); }
    .custom-select-trigger:focus, .custom-select.open .custom-select-trigger { border-color: var(--primary); box-shadow: var(--focus); }
    .custom-select-arrow { width: 9px; height: 9px; flex: 0 0 auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .18s ease; opacity: .8; }
    .custom-select.open .custom-select-arrow { transform: rotate(225deg) translate(-2px,-2px); }
    .custom-select-menu {
      position: absolute; z-index: 90; left: 0; right: 0; top: calc(100% + 8px); display: none; max-height: 260px; overflow: auto;
      padding: 7px; border: 1px solid var(--line); border-radius: 16px;
      color: var(--text); background: var(--card-strong); box-shadow: var(--shadow); backdrop-filter: blur(20px);
    }
    .custom-select.open .custom-select-menu { display: grid; gap: 4px; animation: dropdownIn .16s ease both; }
    .custom-select-option { width: 100%; padding: 11px 12px; border-radius: 11px; color: var(--text); background: transparent; text-align: left; font-weight: 680; transition: background .15s ease, color .15s ease; }
    .custom-select-option:hover, .custom-select-option:focus { color: var(--text); background: color-mix(in srgb, var(--primary) 13%, transparent); outline: none; }
    .custom-select-option[aria-selected="true"] { color: white; background: linear-gradient(135deg, var(--primary), var(--primary-2)); }
    .lang-select .custom-select { min-width: 112px; }
    .lang-select .custom-select-trigger { min-height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    .lang-select .custom-select-trigger:focus { box-shadow: none; }
    .lang-select .custom-select-menu { min-width: 170px; left: auto; }
    @keyframes dropdownIn { from { opacity: 0; transform: translateY(-5px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
    @media (prefers-reduced-motion: reduce) { .custom-select-menu { animation: none !important; } }

  
/* Ensure privacy-page top bar remains sticky */
.topbar{position:sticky!important;top:10px!important;z-index:100!important;align-self:flex-start}