/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}
    :root{
      --text:#f1f4f8; --muted:#cfd7d2; --line:#ffffff66; --vk:#2a7be4; --accent:#e84545;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{margin:0; color:var(--text); font:16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial; overflow-x:hidden}
    a{color:inherit; text-decoration:none}

    /* === Полноэкранные экраны + снап-прокрутка === */
    main{height:100svh; overflow-y:auto; scroll-snap-type:y mandatory; scroll-behavior:smooth}
    .screen{position:relative; min-height:100svh; scroll-snap-align:start; display:flex; align-items:center; justify-content:center; padding:48px 24px}

    /* Камуфляж на каждом экране */
    .screen::before{content:""; position:absolute; inset:0; z-index:-1;
      background:
        radial-gradient(1000px 60% at 50% 0, rgba(255,255,255,.08), transparent 60%),
        radial-gradient(1200px 80% at 50% 100%, rgba(0,0,0,.15), transparent 60%),
        radial-gradient(60px 40px at 10% 20%, #385f49 40%, transparent 41%),
        radial-gradient(70px 50px at 25% 65%, #2d513f 40%, transparent 41%),
        radial-gradient(60px 40px at 40% 30%, #3a644f 40%, transparent 41%),
        radial-gradient(80px 60px at 55% 70%, #2a4b3a 40%, transparent 41%),
        radial-gradient(70px 50px at 70% 35%, #375f4b 40%, transparent 41%),
        radial-gradient(90px 60px at 85% 60%, #2c4e3c 40%, transparent 41%),
        linear-gradient(0deg, #2e553f, #2e553f);
      background-blend-mode: overlay, multiply, normal, normal, normal, normal, normal, normal, normal;
    }

    .wrap{width:100%; max-width:1480px; display:flex; justify-content:center}
    .panel{max-width:640px; text-align:center}
    .logo{display:inline-flex; align-items:center; gap:12px; margin-bottom:12px}
    .logo .mark{width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#133222; box-shadow:0 0 0 2px #ffffff22 inset}
    .logo .mark svg{width:22px; height:22px; color:var(--accent)}
    .brand{font-weight:800; font-size:28px; letter-spacing:.5px}
    h1{margin:8px 0 16px; font-size:20px; font-weight:700}
    .muted{color:var(--muted); font-size:14px}
    .kv{margin:26px 0 18px; font-size:22px; font-weight:800}
    .kv small{display:block; font-size:12px; font-weight:600; color:var(--muted)}
    .dl{margin:18px 0; text-align:left; display:inline-block}
    .dl dt{font-weight:700; margin-top:12px}
    .dl dd{margin:4px 0 0 0; color:var(--muted)}
    .btn{display:inline-flex; align-items:center; gap:.6rem; padding:12px 18px; border-radius:999px; background:#ffffff; color:#0b1a2f; font-weight:700; border:0; cursor:pointer}
    .btn-vk{background:var(--vk); color:#fff}
    .links{margin-top:18px; display:flex; gap:18px; justify-content:center; flex-wrap:wrap}
    .links a{border-bottom:1px solid #ffffff88}

    /* === Боковое меню. Оно есть на КАЖДОМ экране === */
    .sidenav{position:absolute; left:24px; top:50%; transform:translateY(-50%); width:220px; padding-left:28px}
    .sidenav::before{content:""; position:absolute; left:12px; top:12px; bottom:12px; width:2px; background:var(--line)}
    .sidenav .dot{width:18px; height:18px; border-radius:50%; background:#ffffff22; display:grid; place-items:center; position:absolute; left:3px; transition: top .35s ease}
    .sidenav .dot svg{width:14px; height:14px}
    .navlist{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:22px}
    .navlist a{color:#e9eef3; opacity:.85}
    .navlist a:hover{opacity:1}
    .navlist a.active{font-weight:800; opacity:1}

    @media (max-width: 880px){
      .sidenav{position:fixed; left:12px; top:auto; bottom:18px; transform:none; width:auto; padding-left:24px}
      .sidenav::before{display:none}
      .navlist{flex-direction:row; gap:14px; background:#00000033; backdrop-filter: blur(8px); padding:10px 12px; border-radius:999px}
      .sidenav .dot{display:none}
    }