@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#090709;--panel:#121013;--gold:#c8a66a;--muted:#a9a0a7;--line:#30272d;--wine:#3b1828}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0%,#24131d 0,#090709 42%);color:#f4edf0;font-family:Inter,Arial,sans-serif;min-height:100vh}.nav{padding:24px 20px 10px;text-align:center}.brand{font-family:Cinzel,serif;letter-spacing:3px;font-size:18px}.eye{color:var(--gold);margin-right:8px}.tagline{font-size:9px;letter-spacing:4px;color:#81757d;margin-top:7px}.hero{text-align:center;padding:70px 24px 75px;max-width:760px;margin:auto}.orb{width:92px;height:92px;border:1px solid #67505d;border-radius:50%;margin:0 auto 30px;display:grid;place-items:center;font-size:37px;color:var(--gold);box-shadow:0 0 55px #5b203844}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:600}.hero h1{font-family:Cinzel,serif;font-size:clamp(38px,10vw,68px);line-height:1.08;font-weight:500;margin:18px 0}.hero h1 em{color:var(--gold);font-style:normal}.intro{color:var(--muted);max-width:520px;margin:0 auto 30px;line-height:1.7;font-size:15px}.primary{background:linear-gradient(135deg,#d0b074,#9f7840);color:#100b0d;border:0;padding:15px 23px;border-radius:3px;font-weight:700;letter-spacing:1.5px;cursor:pointer;box-shadow:0 8px 30px #0008}.primary:hover{filter:brightness(1.08)}.choices{max-width:900px;margin:auto;padding:20px 20px 75px;text-align:center}.choices h2,.reading h2{font-family:Cinzel,serif;font-weight:500;font-size:28px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.choice{background:#100d10;border:1px solid var(--line);color:#eee7eb;padding:24px 12px;border-radius:6px;text-align:left;cursor:pointer}.choice:hover{border-color:#73586a;background:#151015}.choice span{display:block;color:var(--gold);font-size:25px;margin-bottom:12px}.choice b{display:block;font-family:Cinzel,serif;font-size:17px}.choice small{display:block;color:#8e858c;margin-top:5px;font-size:11px}.reading{max-width:1000px;margin:auto;padding:75px 20px 90px;text-align:center;border-top:1px solid #211b20}.readingHint{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:35px auto;max-width:850px}.tarot{min-height:270px;border:1px solid #624c3d;border-radius:7px;background:linear-gradient(145deg,#24131d,#0d0a0d);padding:22px 16px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 15px 35px #0007}.tarot .position{font-size:9px;letter-spacing:2px;color:var(--gold);margin-bottom:18px}.tarot h3{font-family:Cinzel,serif;font-size:22px;font-weight:500;margin:0 0 10px}.tarot p{font-size:12px;color:#b4aab1;line-height:1.6;margin:0}.reversed{color:#b98a8e}.disclaimer{color:#716870;font-size:10px;max-width:650px;margin:30px auto 0;line-height:1.6}footer{border-top:1px solid #211b20;color:#6e666c;font-size:10px;padding:25px 20px;display:flex;justify-content:space-between;gap:15px}@media(max-width:650px){.hero{padding-top:50px}.grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.tarot{min-height:210px}footer{flex-direction:column;text-align:center}.choice{padding:20px 10px}}
