*{box-sizing:border-box;margin:0;padding:0}
body{
  background-color:#0d0a07;
  color:#e8e0cf;
  font-family:'Inter',system-ui,sans-serif;
  line-height:1.5;
  position:relative;
}
.page-bg-glow{
  position:fixed;
  inset:0;
  background:radial-gradient(circle at 30% 20%,rgba(255,214,145,0.18)0%,rgba(0,0,0,0)60%);
  filter:blur(60px);
  pointer-events:none;
  z-index:-1;
}
h1,h2,h3,.section-title{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  color:#fff2d9;
  line-height:1.2;
}
.section-title{
  font-size:1.4rem;
  margin-bottom:.75rem;
  color:#ffe8bd;
}
.center{text-align:center;}
.gold-text{color:#ffdca3;}
p{margin-bottom:1rem;font-size:1rem;color:#e8e0cf;}
.content{width:100%;max-width:1200px;margin:2rem auto;padding:0 1rem;}
.narrow{max-width:1000px;}
.card-dark{
  background:rgba(15,12,10,.7);
  border:1px solid rgba(255,207,140,.15);
  box-shadow:0 20px 60px rgba(0,0,0,.9),0 0 40px rgba(255,215,160,.07);
  border-radius:16px;
  padding:1.5rem;
  margin-bottom:2rem;
  position:relative;
  color:#e8e0cf;
}

/* hero header */
.hero-header{
  width:100%;
  overflow:hidden;
  border-bottom:1px solid rgba(255,207,140,.15);
  box-shadow:0 60px 120px rgba(0,0,0,.9);
  background:#000;
}
.hero-header__img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}

/* хто вона */
.who-block{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:1.5rem;
}
.who-block__text{flex:1 1 320px;min-width:260px}
.who-block__text p{font-size:1rem;color:#e8e0cf}
.who-block__photo{flex:0 0 260px;max-width:320px;margin:0 auto}
.photo-frame{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 25px 80px rgba(0,0,0,.9),0 0 40px rgba(255,215,160,.18);
  border:1px solid rgba(255,207,140,.25);
  background:#000;
}
.photo-frame img{
  width:100%;
  height:auto;
  display:block;
  filter:brightness(.9);
}

/* знаки */
.zodiac-section .section-hint{
  color:#e8e0cf;
  font-size:.95rem;
  margin-bottom:1rem;
}
.zodiac-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(140px,45%),1fr));
  gap:1rem;
  margin-bottom:1rem;
}
.zodiac-item{
  border-radius:14px;
  background:rgba(32,27,23,.6);
  border:1px solid rgba(255,207,140,.2);
  color:#ffe8bd;
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;
  padding:1rem .75rem;
  text-align:center;
  line-height:1.3;
  box-shadow:0 20px 60px rgba(0,0,0,.9),0 0 30px rgba(255,215,160,.15);
  cursor:pointer;
  transition:all .25s;
}
.zodiac-item span{
  display:block;
  font-family:'Inter',sans-serif;
  font-size:.8rem;
  color:#f5e1bf;
  margin-top:.4rem;
  line-height:1.3;
}
.zodiac-item:hover{
  background:rgba(64,50,38,.65);
  box-shadow:0 25px 80px rgba(0,0,0,.95),0 0 40px rgba(255,224,170,.3);
  transform:translateY(-2px);
}
.zodiac-note{
  font-size:.8rem;
  color:#bfa88a;
}

/* modal birth */
.modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.8);
  display:none;
  align-items:center;
  justify-content:center;
  padding:1rem;
  z-index:9999;
}
.modal-card{
  max-width:360px;
  width:100%;
  position:relative;
  border-radius:16px;
  box-shadow:0 30px 120px rgba(0,0,0,.95),0 0 60px rgba(255,215,160,.2);
}
.modal-close{
  position:absolute;
  top:.5rem;
  right:.75rem;
  background:transparent;
  border:none;
  color:#a7895e;
  font-size:1.25rem;
  cursor:pointer;
}
.form-field{
  display:flex;
  flex-direction:column;
  margin-top:1rem;
}
.form-field label{
  font-size:.8rem;
  color:#ffe8bd;
  margin-bottom:.4rem;
}
.form-field input{
  background:#1c1713;
  border:1px solid rgba(255,207,140,.3);
  border-radius:10px;
  padding:.8rem .75rem;
  color:#fff4cf;
  font-size:.9rem;
  outline:none;
}
.error-text{
  font-size:.7rem;
  color:#ff8b7a;
  min-height:1rem;
  margin-top:.3rem;
}
.btn-main{
  margin-top:1.25rem;
  width:100%;
  border:none;
  border-radius:12px;
  background:radial-gradient(circle at 50% 30%,#ffcc7d 0%,#a3471a 80%);
  color:#2a1506;
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  font-size:1.15rem;
  line-height:1.2;
  padding:0.9rem 1rem;
  text-align:center;
  cursor:pointer;
  box-shadow:0 25px 80px rgba(0,0,0,.9),0 0 50px rgba(255,204,125,.5);
}
.pulse{animation:pulse 2s infinite}
@keyframes pulse{
  0%{box-shadow:0 0 20px rgba(255,204,125,.4),0 20px 60px rgba(0,0,0,.9)}
  50%{box-shadow:0 0 30px rgba(255,204,125,.8),0 30px 80px rgba(0,0,0,1)}
  100%{box-shadow:0 0 20px rgba(255,204,125,.4),0 20px 60px rgba(0,0,0,.9)}
}

/* horoscope header */
.sub-header{
  border-bottom:1px solid rgba(255,207,140,.15);
  box-shadow:0 40px 120px rgba(0,0,0,.9);
  background:radial-gradient(circle at 20% 30%,rgba(255,214,145,.08)0%,rgba(0,0,0,0)60%);
  padding:2rem 1rem 1rem;
}
.sub-header__inner{width:100%;max-width:1000px;margin:0 auto}
.sub-headline__main{
  font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;
  color:#fff4cf;
  margin-bottom:.5rem;
  text-shadow:0 0 20px rgba(0,0,0,.9),0 0 40px rgba(255,224,160,.2);
}
.sub-headline__hint{
  color:#e8e0cf;
  font-size:.9rem;
  max-width:700px;
  line-height:1.4;
}

/* prophecy */
.big-prophecy p{font-size:1rem;color:#e8e0cf}
.big-prophecy .attention{
  background:rgba(255,214,145,.07);
  border:1px solid rgba(255,214,145,.3);
  border-radius:12px;
  padding:1rem;
  font-weight:500;
  color:#ffe2b9;
  text-shadow:0 0 16px rgba(0,0,0,.8);
}

/* ritual */
.ritual-section{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 30px 120px rgba(0,0,0,.95),0 0 60px rgba(255,215,160,.15);
  margin-bottom:2rem;
}
.ritual-bg{position:absolute;inset:0}
.ritual-bg img{
  width:100%;height:100%;object-fit:cover;filter:brightness(.6)
}
.ritual-bg__overlay{
  position:absolute;inset:0;background:rgba(0,0,0,.55)
}
.ritual-card{
  position:relative;
  padding:2rem 1rem;
  color:#ffe8bd;
  text-align:left;
  max-width:700px;
  margin:0 auto;
  text-shadow:0 0 20px rgba(0,0,0,.9),0 0 40px rgba(255,224,160,.2);
}
.ritual-card p{color:#ffe8bd;font-size:1rem}
.boldline{font-weight:500;color:#ffe8bd;margin-bottom:.5rem}
.benefits{
  list-style:none;
  padding-left:0;
  margin:0 0 1rem 0;
  color:#ffe8bd;
  font-size:.95rem;
  line-height:1.5;
}
.benefits li{
  margin-bottom:.5rem;
  text-shadow:0 0 12px rgba(0,0,0,.8);
  color:#ffe8bd;
  font-size:.95rem;
}
.ritual-sep{
  border:0;
  border-top:1px solid rgba(255,214,145,.3);
  margin:1rem 0 1rem;
}

/* fortune */
.fortune-wrapper-section{
  display:flex;
  flex-wrap:wrap;
  gap:2rem;
  align-items:flex-start;
}
.live-ticker{margin-bottom:1.5rem;padding:1rem}
.ticker-title{
  font-family:'Cormorant Garamond',serif;
  font-size:1rem;
  color:#fff4cf;
  margin-bottom:.5rem;
  text-shadow:0 0 20px rgba(0,0,0,.9),0 0 30px rgba(255,224,160,.25);
}
.ticker-list{
  list-style:none;
  font-size:.8rem;
  color:#ffe8bd;
  line-height:1.4;
}
.ticker-list li{
  margin-bottom:.3rem;
  text-shadow:0 0 12px rgba(0,0,0,.8);
}
.fortune-left{flex:1 1 260px;min-width:260px}
.fortune-right{flex:1 1 260px;min-width:260px}
.fortune-title{
  font-family:'Cormorant Garamond',serif;
  color:#fff4cf;
  font-size:1.3rem;
  margin-bottom:.5rem;
}
.fortune-desc{
  color:#e8e0cf;
  font-size:.9rem;
  margin-bottom:1rem;
  line-height:1.4;
}
.fortune-wheel-wrap{
  position:relative;
  width:200px;
  height:200px;
  margin:0 auto 1rem;
}
.fortune-pointer{
  position:absolute;
  top:-1.2rem;
  left:50%;
  transform:translateX(-50%);
  color:#ffd9a7;
  text-shadow:0 0 10px rgba(0,0,0,.8);
  font-size:1rem;
}
.fortune-wheel{
  width:100%;height:100%;
  border-radius:50%;
  border:2px solid rgba(255,207,140,.4);
  box-shadow:0 25px 80px rgba(0,0,0,.9),0 0 60px rgba(255,204,125,.3);
  position:relative;
  overflow:hidden;
  transform:rotate(0deg);
  transition:transform 3s cubic-bezier(.2,.8,.2,1);
  background:#2a1e14;
}
.fortune-wheel .slice{
  position:absolute;
  width:50%;height:50%;
  background:radial-gradient(circle at 30% 30%,#ffcc7d 0%,#733718 80%);
  color:#2a1506;
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  font-size:1.1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,0,0,.6);
  box-shadow:inset 0 0 20px rgba(0,0,0,.6);
  text-shadow:0 0 6px rgba(255,224,170,.6);
}
.s1{top:0;left:50%;transform-origin:0% 100%;transform:rotate(0deg) skewY(-30deg)}
.s2{top:0;left:50%;transform-origin:0% 100%;transform:rotate(60deg) skewY(-30deg)}
.s3{top:0;left:50%;transform-origin:0% 100%;transform:rotate(120deg) skewY(-30deg)}
.s4{top:0;left:50%;transform-origin:0% 100%;transform:rotate(180deg) skewY(-30deg)}
.s5{top:0;left:50%;transform-origin:0% 100%;transform:rotate(240deg) skewY(-30deg)}
.s6{top:0;left:50%;transform-origin:0% 100%;transform:rotate(300deg) skewY(-30deg)}
#wheelButton{
  margin:0 auto 1rem;
  display:block;
  text-align:center;
  line-height:1.2;
  min-width:160px;
}
.wheel-result{
  color:#ffd9a7;
  font-size:1rem;
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  min-height:1.5rem;
  text-shadow:0 0 20px rgba(0,0,0,.9);
}
.only-now{
  font-size:.8rem;
  color:#bfa88a;
  text-align:center;
  line-height:1.4;
}
.free-offer{
  background:rgba(32,27,23,.8);
  border:1px solid rgba(255,207,140,.4);
  border-radius:12px;
  box-shadow:0 20px 60px rgba(0,0,0,.9),0 0 40px rgba(255,215,160,.25);
  color:#ffe8bd;
  font-family:'Cormorant Garamond',serif;
  font-size:1rem;
  line-height:1.4;
  padding:1rem;
  text-align:center;
  margin-bottom:1rem;
  text-shadow:0 0 20px rgba(0,0,0,.9),0 0 40px rgba(255,224,160,.2);
}
.free-offer__accent{
  color:#fff4cf;
  font-weight:600;
}
.free-offer__timer{
  font-size:.9rem;
  color:#ffd4a3;
  display:block;
  margin-top:.5rem;
  font-family:'Inter',sans-serif;
}

/* order form */
.coin-preview{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1rem;
}
.coin-image-glow{
  flex:0 0 80px;
  max-width:100px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(255,207,140,.4);
  box-shadow:0 25px 80px rgba(0,0,0,.9),0 0 50px rgba(255,204,125,.4);
  background:#000;
}
.coin-image-glow img{
  width:100%;height:auto;display:block;
}
.coin-text{
  font-size:.8rem;
  color:#ffe8bd;
  line-height:1.4;
}
.order-form .form-row{display:flex;flex-wrap:wrap;gap:1rem}
.order-form .form-field{flex:1 1 140px}
.order-form input{
  background:#1c1713;
  border:1px solid rgba(255,207,140,.3);
  border-radius:10px;
  padding:.8rem .75rem;
  color:#fff4cf;
  font-size:.9rem;
  outline:none;
  width:100%;
}
.order-done{
  font-size:.9rem;
  color:#ffd4a3;
  text-align:center;
  margin-top:.75rem;
  min-height:1.2rem;
  font-family:'Cormorant Garamond',serif;
  text-shadow:0 0 16px rgba(0,0,0,.8);
}

/* reviews */
.reviews-section .section-title{margin-bottom:1rem}
.reviews-pair{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  min-height:160px;
  position:relative;
}
.review-card{
  flex:1 1 260px;
  min-width:260px;
  background:rgba(32,27,23,.6);
  border:1px solid rgba(255,207,140,.2);
  border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.9),0 0 30px rgba(255,215,160,.15);
  padding:1rem;
  opacity:0;
  transition:opacity .6s;
}
.review-card.active{opacity:1;}
.review-text{
  color:#f5e1bf;
  font-size:.9rem;
  line-height:1.4;
  margin-bottom:.5rem;
  font-style:italic;
  text-shadow:0 0 12px rgba(0,0,0,.8);
}
.review-name{
  color:#c9ab86;
  font-size:.8rem;
  text-align:right;
  font-family:'Cormorant Garamond',serif;
}

/* footer */
.footer{
  margin-top:4rem;
  border-top:1px solid rgba(255,207,140,.15);
  background:#0d0a07;
  padding:2rem 1rem;
  font-size:.7rem;
  color:#8c7454;
  line-height:1.4;
}
.footer-inner{max-width:1000px;margin:0 auto}

/* media */
@media(min-width:768px){
  .section-title{font-size:1.6rem}
  .sub-headline__main{font-size:1.6rem}
}


/* v13 tweaks */
.who-block{
  align-items:flex-start;
}
.who-block__photo{
  flex:0 0 180px;
  max-width:180px;
}
.photo-frame--small img{
  object-fit:cover;
}

.online-count{
  color:#ffd4a3;
  font-size:.8rem;
  font-weight:500;
  margin-left:.4rem;
}


/* v14 tweaks */
.attention-warning{
  background:rgba(255,214,145,.07);
  border:1px solid rgba(255,214,145,.3);
  border-radius:12px;
  padding:1rem;
  font-weight:500;
  color:#ffe2b9;
  text-shadow:0 0 16px rgba(0,0,0,.8);
  max-width:600px;
  margin:0.5rem auto 1rem auto;
  line-height:1.4;
}
.coin-float{
  position:relative;
  width:110px;
  height:110px;
  margin:0 auto 1rem auto;
}
.coin-glow{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%, rgba(255,215,100,.5) 0%, rgba(0,0,0,0)70%);
  filter:blur(20px);
  animation:glowPulse 2s infinite;
}
@keyframes glowPulse{
  0%{opacity:.6;}
  50%{opacity:1;}
  100%{opacity:.6;}
}
.coin-rotate{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  animation:spinCoin 6s linear infinite;
  filter:drop-shadow(0 0 10px rgba(255,210,120,.8)) drop-shadow(0 0 30px rgba(255,190,80,.4));
}
@keyframes spinCoin{
  0%{transform:rotateY(0deg);}
  100%{transform:rotateY(360deg);}
}

/* --- v16 additions / updated --- */

/* phone prefix */
.phone-wrapper{
  display:flex;
  align-items:center;
}
.phone-prefix{
  background:#1c1713;
  border:1px solid rgba(255,207,140,.3);
  border-radius:10px 0 0 10px;
  padding:.8rem .6rem;
  font-size:1rem;
  line-height:1.2;
  color:#ffe8bd;
  border-right:0;
}
#orderPhone{
  border-radius:0 10px 10px 0;
  border-left:0;
  flex:1;
}

/* error states */
input.error{
  border-color:#ff4d4d !important;
  box-shadow:0 0 6px rgba(255,0,0,.4);
}
.error-text.show{
  display:block;
  color:#ff4d4d;
}

/* disabled / active submit */
.btn-disabled{
  opacity:.4;
  cursor:not-allowed;
  box-shadow:0 25px 80px rgba(0,0,0,.9);
}
.btn-enabled{
  opacity:1;
  cursor:pointer;
}
.btn-red{
  background:radial-gradient(circle at 50% 30%,#ff5540 0%,#7a1400 80%);
  color:#ffe8bd;
  text-shadow:0 0 8px rgba(0,0,0,.9);
  border:1px solid rgba(255,150,120,.4);
  box-shadow:0 25px 80px rgba(0,0,0,.9),0 0 50px rgba(255,120,80,.5);
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
}
.btn-enabled.pulse{
  animation:pulse 2s infinite;
}

/* bright wheel */
.fortune-wheel-img-glow{
  position:relative;
  width:200px;
  max-width:60vw;
  margin:0 auto 1rem;
  filter:drop-shadow(0 0 10px rgba(255,120,0,.8)) drop-shadow(0 0 30px rgba(255,60,0,.4));
  animation:wheelHalo 2.5s infinite;
}
.fortune-wheel-img-glow::after{
  content:'';
  position:absolute;
  inset:-20px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,80,0,.4)0%,rgba(0,0,0,0)70%);
  filter:blur(30px);
  z-index:0;
}
.fortune-wheel-img{
  position:relative;
  width:200px;
  height:200px;
  max-width:60vw;
  max-height:60vw;
  border-radius:50%;
  display:block;
  margin:0 auto;
  z-index:1;
  transition:transform 4s cubic-bezier(.14,.68,.3,1.02);
}
@keyframes wheelHalo{
  0%{filter:drop-shadow(0 0 6px rgba(255,180,80,.6)) drop-shadow(0 0 18px rgba(255,60,0,.3));}
  50%{filter:drop-shadow(0 0 12px rgba(255,200,120,.9)) drop-shadow(0 0 36px rgba(255,80,0,.5));}
  100%{filter:drop-shadow(0 0 6px rgba(255,180,80,.6)) drop-shadow(0 0 18px rgba(255,60,0,.3));}
}

/* pointer stays */
.fortune-pointer{
  color:#ffd4a3;
  text-shadow:0 0 8px rgba(0,0,0,.9),0 0 20px rgba(255,150,80,.6);
}

/* thankyou page */
.page-thankyou{
  background:#000;
  color:#ffe8bd;
  min-height:100vh;
  line-height:1.5;
  position:relative;
  display:flex;
  flex-direction:column;
}
.thankyou-bg{
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%,rgba(0,0,0,0)0%,rgba(0,0,0,.4)40%,rgba(0,0,0,.8)70%,rgba(0,0,0,1)100%),
    url('img/thankyou-bg.jpg') center/cover no-repeat;
  z-index:-1;
}
.thankyou-wrap{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem 1rem 3rem;
}
.thankyou-card{
  max-width:480px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,200,120,.3);
  border-radius:12px;
  padding:1.5rem 1.25rem 1.75rem;
  color:#ffe8bd;
  text-shadow:0 0 20px rgba(0,0,0,.9),0 0 40px rgba(255,224,160,.2);
  box-shadow:0 20px 60px rgba(0,0,0,.8),0 0 40px rgba(255,140,60,.2);
}
.thankyou-card h1{
  font-family:'Cormorant Garamond',serif;
  font-size:1.4rem;
  line-height:1.3;
  font-weight:600;
  margin-bottom:1rem;
  color:#ffe8bd;
}
.thankyou-card p{
  font-size:1rem;
  margin-bottom:1rem;
  color:#ffe8bd;
}
.thankyou-card p.minor{
  font-size:.9rem;
  color:rgba(255,235,200,.7);
}
.thankyou-card p.signature{
  font-style:italic;
  text-align:right;
}

/* legal footer */
.legal-footer{
  background:radial-gradient(circle at 50% 0%,rgba(60,40,20,.4)0%,rgba(15,10,8,1)60%),linear-gradient(#1a120d,#000);
  border-top:1px solid rgba(255,200,120,.4);
  padding:24px 16px 40px;
  font-size:11px;
  line-height:1.5;
  color:rgba(255,235,200,.6);
  box-shadow:0 -20px 60px rgba(0,0,0,.8),0 0 40px rgba(255,204,125,.15);
}
.legal-footer__inner{
  max-width:800px;
  margin:0 auto;
  text-align:left;
}
.legal-footer__inner p{
  margin:0 0 12px;
}
.legal-footer__copyright{
  margin-top:20px;
  font-size:11px;
  opacity:.8;
}

/* --- v16_exact3 updates --- */
.fortune-wheel{
  background:#2a1e14;
  box-shadow:0 25px 80px rgba(0,0,0,.9),0 0 80px rgba(255,80,0,.5);
}
.fortune-wheel .slice{
  background:radial-gradient(circle at 30% 30%,#ffef7a 0%,#ff4b00 70%);
  color:#2a1506;
  font-weight:600;
  font-size:1.15rem;
  text-shadow:0 0 6px rgba(255,240,170,.8),0 0 12px rgba(0,0,0,.8);
  box-shadow:
    inset 0 0 20px rgba(0,0,0,.6),
    0 0 30px rgba(255,120,0,.6),
    0 0 60px rgba(255,0,0,.4);
}
.fortune-pointer{
  color:#ffd4a3;
  text-shadow:0 0 8px rgba(0,0,0,.9),0 0 20px rgba(255,150,80,.6);
}
.legal-footer{
  background:radial-gradient(circle at 50% 0%,rgba(60,40,20,.4)0%,rgba(15,10,8,1)60%),linear-gradient(#1a120d,#000);
  border-top:1px solid rgba(255,200,120,.25);
  padding:24px 16px 40px;
  font-size:11px;
  line-height:1.5;
  color:rgba(255,235,200,.6);
  box-shadow:none;
}

/* --- v16_exact4 footer visibility tweak --- */
.legal-footer__inner p{
  font-size:10px;
  line-height:1.4;
  color:rgba(255,235,200,.3);
  margin:0 0 10px;
}
.legal-footer__inner p.legal-footer__copyright{
  font-size:10px;
  line-height:1.4;
  color:rgba(255,235,200,.5);
  margin-top:16px;
  margin-bottom:0;
}