@font-face{font-family:"Kenao";src:url(/fonts/kenao.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-500-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/dmsans-400-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/dmsans-400-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root {
    --bg-dark:#0d0b15; --purple-700:#8b69c9; --purple-900:#4a3580;
    --purple-pale:#d4c0ed; --purple-light:#b89fd8;
    --paper:#ffffff; --paper2:#f7f4fd; --ink:#1c1726;
    --ink-soft:rgba(28,23,38,0.65); --white:#faf7ff;
    --white-muted:rgba(250,247,255,0.65); --white-dim:rgba(250,247,255,0.32);
    --radius-md:18px; --radius-pill:100px;
    --font-body:"DM Sans",sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.75}

  nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:1.1rem 3rem;display:flex;justify-content:space-between;align-items:center;
    background:rgba(13,11,21,0.92);backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(196,174,224,0.15);
  }
  .nav-back{color:var(--purple-pale);text-decoration:none;font-size:0.8rem;letter-spacing:0.08em;text-transform:uppercase;display:flex;align-items:center;gap:0.5rem;transition:color 0.2s}
  .nav-back:hover{color:var(--white)}
  .nav-logo-text{font-size:1rem;letter-spacing:0.12em;color:var(--white-muted)}

  .lang-toggle{display:flex}
  .lang-btn{background:transparent;border:1px solid rgba(196,174,224,0.3);color:var(--white-muted);padding:0.3rem 0.85rem;font-family:var(--font-body);font-size:0.7rem;cursor:pointer;transition:all 0.2s}
  .lang-btn:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}
  .lang-btn:last-child{border-radius:0 var(--radius-pill) var(--radius-pill) 0;border-left:none}
  .lang-btn.active{background:var(--purple-700);border-color:var(--purple-700);color:var(--white)}

  .page-wrap{max-width:760px;margin:0 auto;padding:8rem 2rem 5rem}

  .page-kicker{font-size:0.65rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--purple-900);margin-bottom:0.9rem;font-weight:500}
  .page-title{font-size:clamp(2rem,5vw,3rem);font-weight:500;line-height:1.1;margin-bottom:0.75rem;color:var(--ink)}
  .page-meta{font-size:0.8rem;color:var(--ink-soft);margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(155,130,210,0.18)}

  h2{font-size:1.2rem;font-weight:500;color:var(--ink);margin:2.5rem 0 0.75rem}
  p{font-size:0.9rem;color:var(--ink-soft);margin-bottom:0.9rem}
  ul{font-size:0.9rem;color:var(--ink-soft);padding-left:1.4rem;margin-bottom:0.9rem}
  ul li{margin-bottom:0.4rem}
  a{color:var(--purple-900);text-decoration:none}
  a:hover{color:var(--purple-700)}

  .highlight-box{background:var(--paper2);border:1px solid rgba(155,130,210,0.18);border-radius:var(--radius-md);padding:1.5rem 1.75rem;margin:2rem 0;font-size:0.88rem;color:var(--ink-soft)}
  .highlight-box strong{color:var(--ink)}

  footer{background:var(--bg-dark);color:var(--white-muted);padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(196,174,224,0.14);font-size:0.72rem}
  footer a{color:var(--purple-pale);text-decoration:none}
  footer a:hover{color:var(--white)}

  /* hidden/show per lang */
  [data-lang]{display:none}
  body.lang-lv [data-lang="lv"]{display:block}
  body.lang-ru [data-lang="ru"]{display:block}
  h2[data-lang], p[data-lang], ul[data-lang], .page-title[data-lang], .page-meta[data-lang], .highlight-box[data-lang]{display:none}
  body.lang-lv h2[data-lang="lv"],body.lang-lv p[data-lang="lv"],body.lang-lv ul[data-lang="lv"],body.lang-lv .page-title[data-lang="lv"],body.lang-lv .page-meta[data-lang="lv"],body.lang-lv .highlight-box[data-lang="lv"]{display:block}
  body.lang-ru h2[data-lang="ru"],body.lang-ru p[data-lang="ru"],body.lang-ru ul[data-lang="ru"],body.lang-ru .page-title[data-lang="ru"],body.lang-ru .page-meta[data-lang="ru"],body.lang-ru .highlight-box[data-lang="ru"]{display:block}

  @media(max-width:700px){
    nav{padding:1rem 1.5rem}
    .page-wrap{padding:7rem 1.25rem 4rem}
    footer{flex-direction:column;gap:0.75rem;text-align:center}
  }