:root{--navy:#03162d;--navy2:#071d39;--gold:#d9ad73;--gold2:#b9864f;--cream:#f5ecdf;--muted:#c9bba9}*{box-sizing:border-box}html{background:#020d1c}body{margin:0;color:var(--cream);font-family:Georgia,'Times New Roman',serif;background:radial-gradient(circle at 50% 8%,#0b3154 0,transparent 35%),linear-gradient(180deg,#020f22 0%,#061b36 64%,#020c19 100%);min-height:100vh}.page{width:min(100%,760px);margin:auto;padding:clamp(42px,8vw,82px) clamp(18px,5vw,42px) 38px;min-height:100vh;position:relative;overflow:hidden}.page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#fff 0.7px,transparent .8px);background-size:43px 43px}.hero,.actions,.section-title,.socials,footer{position:relative;z-index:1}.hero{text-align:center}.runes{display:flex;justify-content:center;gap:10px;color:var(--gold);font-size:34px;margin-bottom:18px}.runes span{filter:drop-shadow(0 0 10px rgba(217,173,115,.16))}h1{font-weight:400;font-size:clamp(34px,7vw,55px);margin:0;color:#efd0a6;letter-spacing:.01em}.role{font-family:Arial,sans-serif;font-size:clamp(9px,2.2vw,12px);letter-spacing:.28em;color:#e4b57d;margin:17px 0 22px}.role i{font-style:normal;margin:0 .35em}.rule{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold);margin:0 auto 20px}.rule span{height:1px;width:70px;background:linear-gradient(90deg,transparent,var(--gold2))}.rule span:last-child{transform:scaleX(-1)}.rule b{font-size:9px}.lead{font-size:clamp(19px,4vw,26px);line-height:1.45;margin:0 0 34px}.actions,.socials{display:grid;gap:14px}.card,.socials a{color:inherit;text-decoration:none;border:1px solid rgba(224,174,112,.72);border-radius:19px;min-height:82px;padding:15px 20px;display:grid;grid-template-columns:52px 1fr 24px;align-items:center;gap:13px;background:linear-gradient(100deg,rgba(4,19,40,.72),rgba(9,31,57,.54));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);transition:.2s ease}.card:hover,.socials a:hover{transform:translateY(-2px);border-color:#efc68d;background:rgba(15,42,71,.78)}.card.primary{background:linear-gradient(105deg,rgba(166,116,61,.72),rgba(104,73,45,.48));border-color:#e7bd80}.ico{color:#efc083;font-size:28px;text-align:center}.card strong{display:block;font-size:clamp(18px,4vw,24px);font-weight:400}.card small,.socials small{display:block;font:10px/1.4 Arial,sans-serif;letter-spacing:.24em;color:#d8a96e;margin-top:7px}.card em,.socials em{font-style:normal;color:#e5b678;font-size:24px}.disabled{cursor:default;opacity:.86}.section-title{display:flex;align-items:center;gap:16px;margin:37px 0 20px}.section-title span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(205,151,91,.65))}.section-title span:last-child{transform:scaleX(-1)}.section-title b{font:11px Arial,sans-serif;letter-spacing:.28em;font-weight:400;color:#e4c095;white-space:nowrap}.socials{gap:11px}.socials a{grid-template-columns:1fr 24px;min-height:61px;border-radius:18px;padding:12px 22px}.socials b{font-weight:400;font-size:19px}.socials small{margin-top:3px;font-size:8px}footer{text-align:center;margin-top:54px;padding:42px 0 4px;background:radial-gradient(ellipse at 50% 70%,rgba(191,139,75,.12),transparent 55%)}.moon{color:#e3b777;font-size:20px;text-shadow:0 0 25px #d29a55;margin-bottom:21px}footer p{font:11px/1.65 Arial,sans-serif;letter-spacing:.3em;color:#e4b679}.footrule{width:80px;height:1px;background:#b98752;margin:24px auto}footer small{font:12px Arial,sans-serif;letter-spacing:.25em;color:#c9b69d}@media(max-width:480px){.page{padding-left:16px;padding-right:16px}.card{grid-template-columns:40px 1fr 20px;padding:13px 14px;border-radius:17px;min-height:76px}.ico{font-size:24px}.role{letter-spacing:.19em}.lead{margin-bottom:28px}}@media(min-width:900px){body{padding:30px}.page{border:1px solid rgba(220,169,105,.2);border-radius:32px;box-shadow:0 30px 80px rgba(0,0,0,.35)}}

/* ===== МОДУЛЬНІ ЕЛЕМЕНТИ: V1 ЗАЛИШАЄТЬСЯ БАЗОЮ ===== */
/* Руни зверху — окремі SVG-файли. Замінюйте файли в assets/icons/ без зміни верстки. */
.runes{
  display:flex;
  justify-content:center;
  margin-bottom:18px;
  font-size:0;
}

.runes img{
  display:block;
  width:auto;
  height:58px;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(217,173,115,.16));
}
.ico img{display:block;width:30px;height:36px;object-fit:contain;margin:auto}
.ico img[src*="fehu"]{
  width:auto;
  height:40px;
}
.ico img[src*="headphones"]{width:31px;height:31px}.ico img[src*="broom"]{width:31px;height:31px}
/* ТЕХНІЧНІ КРАПОЧКИ V1. Для вимкнення: dots-on -> dots-off у class="page ..." */
.page.dots-off:before{display:none}
/* ЗОРЯНЕ НЕБО — окремий шар, зараз ВИМКНЕНО. stars-off -> stars-on, коли захочемо тестувати. */
.page:after{content:"";position:absolute;inset:0 0 auto 0;height:520px;pointer-events:none;z-index:0;display:none;background-image:radial-gradient(circle at 8% 9%,rgba(236,243,249,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 26% 5%,rgba(236,243,249,.35) 0 .8px,transparent 1.3px),radial-gradient(circle at 52% 12%,rgba(236,243,249,.5) 0 .9px,transparent 1.4px),radial-gradient(circle at 77% 7%,rgba(236,243,249,.32) 0 .8px,transparent 1.3px),radial-gradient(circle at 91% 16%,rgba(236,243,249,.48) 0 1px,transparent 1.5px),linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0))}.page.stars-on:after{display:block}