/*
Theme Name: AskOracle
Theme URI: https://askoracle.site
Author: GuardLabs Studio
Author URI: https://guardlabs.online/studio/
Description: Мистическая тема оракула — full-bleed арт, рабочая форма предсказаний. Кастомная разработка под клиента (пример работы GuardLabs Studio с WordPress).
Version: 1.0
License: Proprietary
Text Domain: askoracle
*/
:root{
  --bg:#06040d; --ink:#f4eefb; --muted:#b9a9d6; --gold:#e9c97a;
  --violet:#7b5cff; --glass:rgba(255,255,255,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);
  font-family:'Cormorant Garamond',Georgia,serif;line-height:1.5;overflow-x:hidden}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}

/* HERO full-bleed */
.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;
  justify-content:center;text-align:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-ov{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(6,4,13,.55) 0%,rgba(6,4,13,.15) 40%,rgba(6,4,13,.92) 100%)}
.hero-in{position:relative;z-index:2;padding:0 24px 8vh;max-width:780px}
.eyebrow{font-family:'Inter',sans-serif;letter-spacing:.32em;text-transform:uppercase;
  font-size:.72rem;color:var(--gold);margin-bottom:18px;font-weight:600}
.hero h1{font-size:clamp(2.6rem,7vw,5rem);font-weight:600;line-height:1.02;
  letter-spacing:-.01em;color:#fff;
  text-shadow:0 2px 30px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.9)}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero p.lead{font-size:clamp(1.1rem,2.4vw,1.5rem);color:#efe6ff;margin:22px auto 0;max-width:560px;
  text-shadow:0 1px 12px rgba(0,0,0,.85)}

/* форма оракула */
.ask{margin:34px auto 0;max-width:560px}
.ask-box{display:flex;gap:10px;background:var(--glass);backdrop-filter:blur(14px);
  border:1px solid rgba(233,201,122,.35);border-radius:18px;padding:8px;
  box-shadow:0 18px 60px rgba(0,0,0,.5)}
.ask-box input{flex:1;background:transparent;border:0;outline:0;color:#fff;
  font-family:'Inter',sans-serif;font-size:1rem;padding:14px 16px}
.ask-box input::placeholder{color:#cdbce8}
.ask-box button{font-family:'Inter',sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;
  border:0;border-radius:12px;padding:14px 26px;color:#1a1030;
  background:linear-gradient(135deg,var(--gold),#f0d98f);transition:transform .15s}
.ask-box button:hover{transform:translateY(-2px)}
.answer{margin-top:18px;padding:20px 24px;border-radius:16px;font-size:1.25rem;
  background:rgba(123,92,255,.12);border:1px solid rgba(123,92,255,.3);
  min-height:0;opacity:0;transition:opacity .5s;color:#f4eefb}
.answer.show{opacity:1}
.answer .label{font-family:'Inter',sans-serif;font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);display:block;margin-bottom:8px}

/* секции контента */
.section{padding:90px 0}
.section h2{font-size:clamp(2rem,4vw,3rem);font-weight:600;text-align:center;margin-bottom:14px}
.section .sub{font-family:'Inter',sans-serif;text-align:center;color:var(--muted);
  max-width:560px;margin:0 auto 50px;font-size:1.02rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:20px;
  padding:32px 26px;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-6px);border-color:rgba(233,201,122,.4)}
.card .ic{font-size:2rem;margin-bottom:14px}
.card h3{font-size:1.5rem;font-weight:600;margin-bottom:8px}
.card p{font-family:'Inter',sans-serif;color:var(--muted);font-size:.95rem;line-height:1.6}
@media(max-width:820px){.cards{grid-template-columns:1fr}.section{padding:60px 0}}

footer{padding:50px 0 40px;text-align:center;border-top:1px solid rgba(255,255,255,.07);
  font-family:'Inter',sans-serif;color:var(--muted);font-size:.85rem}
footer a{color:var(--gold)}