:root{--night:#070b14;--panel:#11182b;--plum:#24142b;--gold:#c9a35c;--pale:#f0ce83;--text:#f4efe5;--mist:#aba9b7;--line:rgba(201,163,92,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#291733 0,transparent 34%),var(--night);color:var(--text);font-family:Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,textarea{font:inherit}.shell{width:min(1120px,calc(100% - 42px));margin:auto}
.site-header{height:88px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(7,11,20,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{font-family:Georgia,serif;letter-spacing:.22em;font-size:13px}.brand span,.eyebrow{color:var(--gold)}nav{display:flex;gap:28px;color:#d9d4cc;font-size:13px}nav a:hover,.text-link:hover{color:var(--pale)}.support-link{justify-self:end;border:1px solid var(--gold);padding:11px 17px;border-radius:99px}
.hero{min-height:690px;display:grid;grid-template-columns:1.15fr .8fr;gap:70px;align-items:center;padding-block:80px}.hero h1,.page-intro h1{font:400 clamp(58px,7vw,102px)/.92 Georgia,serif;margin:16px 0 28px;letter-spacing:-.045em}.lede{color:var(--mist);font-size:20px;line-height:1.7;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:bold}.hero-image{width:min(100%,360px);margin:auto;filter:drop-shadow(0 35px 65px #000);animation:float 7s ease-in-out infinite}.microcopy{font-size:12px;color:var(--mist);margin-top:15px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border:1px solid var(--gold);border-radius:99px;cursor:pointer;transition:.25s}.button-primary{background:var(--gold);color:#100d09;font-weight:bold}.button:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(201,163,92,.18)}.button-ghost{background:transparent;color:var(--text)}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(17,24,43,.5)}.feature-strip a{padding:28px;display:grid;gap:8px}.feature-strip a+a{border-left:1px solid var(--line)}.feature-strip span{color:var(--gold);font-size:11px}.feature-strip strong{font:400 21px Georgia,serif}.feature-strip small{color:var(--mist)}
.section{padding-block:95px}.centre{text-align:center}.section h2{font:400 clamp(38px,5vw,66px)/1.06 Georgia,serif;margin:14px auto 30px;max-width:820px}.page-intro{padding-block:105px 45px;text-align:center}.page-intro .lede{margin:auto}.daily-reading{display:grid;grid-template-columns:auto minmax(280px,560px);gap:75px;align-items:center;justify-content:center;text-align:left}.tarot-card{width:300px;aspect-ratio:300/527;border:1px solid var(--gold);border-radius:17px;background:repeating-linear-gradient(45deg,rgba(201,163,92,.08) 0 1px,transparent 1px 14px),#0d1426;box-shadow:inset 0 0 0 7px var(--night),inset 0 0 0 8px rgba(201,163,92,.55),0 28px 70px rgba(0,0,0,.55);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 20px 22px;color:var(--pale);position:relative;overflow:hidden;cursor:pointer}.tarot-card:hover{transform:translateY(-7px)}.card-symbol{font:105px Georgia,serif;text-shadow:0 0 28px rgba(201,163,92,.45)}.card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reading-copy h2{font-size:46px;margin:10px 0 20px}.reading-copy p{color:var(--mist);font-size:18px;line-height:1.7}.reading-copy blockquote{font:23px Georgia,serif;border-left:1px solid var(--gold);margin:28px 0;padding:8px 0 8px 24px;color:var(--pale)}
.reading-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;align-items:start}.reading-position{display:grid;justify-items:center}.reading-position .tarot-card{width:min(100%,260px);margin:18px 0}.card-meaning{color:var(--mist);line-height:1.65;min-height:80px}.reading-summary{max-width:760px;margin:70px auto 0;padding:50px;border:1px solid var(--line);background:rgba(17,24,43,.7)}.button-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.journal{display:grid;grid-template-columns:280px 1fr;gap:55px}.moon-panel,.journal-panel,.offering{border:1px solid var(--line);background:rgba(17,24,43,.68);padding:35px}.moon-glyph{font-size:110px;color:var(--pale);text-shadow:0 0 45px rgba(201,163,92,.5)}textarea{width:100%;min-height:260px;padding:20px;background:#090e1b;color:var(--text);border:1px solid var(--line);resize:vertical;line-height:1.65}.saved-note{color:var(--gold);min-height:20px}.values,.offering-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.value,.offering{padding:34px}.value h2,.offering h2{font-size:28px;margin:12px 0}.value p,.offering p,.prose{color:var(--mist);line-height:1.7}.offering strong{display:block;font:48px Georgia,serif;color:var(--pale);margin:20px 0}.featured{transform:translateY(-14px);border-color:var(--gold)}
footer{margin-top:70px;border-top:1px solid var(--line);padding:55px 0 28px;color:var(--mist)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid div{display:grid;align-content:start;gap:10px}.footer-note{text-align:center;border-top:1px solid var(--line);padding-top:25px;margin-top:40px;font-size:12px}
@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}@media(max-width:800px){.site-header{grid-template-columns:1fr auto;height:72px}nav{display:none}.hero,.daily-reading,.journal{grid-template-columns:1fr}.hero{text-align:center}.hero .lede{margin-inline:auto}.feature-strip,.reading-deck,.values,.offering-grid,.footer-grid{grid-template-columns:1fr}.feature-strip a+a{border-left:0;border-top:1px solid var(--line)}.daily-reading{justify-items:center;text-align:center}.reading-position{margin-bottom:35px}.featured{transform:none}.page-intro{padding-top:70px}.section{padding-block:70px}}

/* Softer moonlit theme */
:root{--night:#302c50;--panel:#464066;--plum:#66527b;--gold:#c89d52;--pale:#f5dda5;--text:#fffaf2;--mist:#d9d2e3;--line:rgba(214,179,105,.34)}
body{background:radial-gradient(circle at 52% 0,#75618b 0,transparent 37%),radial-gradient(circle at 5% 28%,rgba(236,208,255,.2),transparent 30%),linear-gradient(145deg,#373258,#292743 80%);background-attachment:fixed}
.shell{width:min(1240px,calc(100% - 42px))}
.site-header{background:rgba(48,44,80,.9)}
nav{color:#f1e9f3}
.support-link{background:rgba(255,255,255,.06)}
.hero{grid-template-columns:1.05fr .78fr .7fr;gap:50px;min-height:700px}
.hero-image{filter:drop-shadow(0 30px 48px rgba(29,23,48,.55))}
.insight-panel{border:1px solid var(--line);border-radius:18px;padding:42px 30px;text-align:center;background:rgba(255,255,255,.075);box-shadow:0 22px 55px rgba(25,20,42,.2)}
.panel-icon{display:grid;place-items:center;width:55px;height:55px;border:1px solid var(--gold);border-radius:50%;margin:-72px auto 32px;background:var(--panel);font-size:25px;color:var(--pale)}
.insight-panel blockquote{font:27px/1.4 Georgia,serif;margin:22px 0}
.insight-panel>p:not(.eyebrow){color:var(--mist);line-height:1.7;font-size:14px}
.divider{color:var(--pale);margin:22px}
.text-link{color:var(--pale);font-family:Georgia,serif;border-bottom:1px dotted var(--gold);padding-bottom:4px}
.page-intro{background:rgba(255,255,255,.035);border-bottom:1px solid var(--line)}
.tarot-card{background:repeating-linear-gradient(45deg,rgba(238,212,255,.12) 0 1px,transparent 1px 14px),linear-gradient(145deg,#554b78,#373257);box-shadow:inset 0 0 0 7px #3c365d,inset 0 0 0 8px rgba(245,221,165,.7),0 25px 55px rgba(26,21,43,.4)}
.button-primary{background:linear-gradient(135deg,#f3d58f,#c99b4d);color:#302541}
.button-ghost{background:rgba(255,255,255,.05)}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}
.split-section h2{text-align:left}
.prose{font-size:18px}
.moon-panel,.journal-panel,.offering,.value,.reading-summary{background:rgba(255,255,255,.075)}
textarea{min-height:210px;background:rgba(36,32,65,.58);border-radius:8px}
.entries{margin-top:38px}.entries article{border-top:1px solid var(--line);padding:20px 0}.entries time{color:var(--pale);font-size:11px;letter-spacing:.1em}.entries p{color:var(--mist);line-height:1.7;white-space:pre-wrap}
footer{background:rgba(36,33,61,.72)}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.insight-panel{grid-column:1/-1;max-width:600px;margin:35px auto 0}}
@media(max-width:800px){.site-header{display:flex;flex-wrap:wrap;gap:10px;height:auto;min-height:104px;padding:12px 20px}.brand{margin-right:auto}.site-header nav{display:flex;order:3;width:100%;gap:20px;overflow-x:auto;padding:4px 0 8px;white-space:nowrap}.hero,.split-section{grid-template-columns:1fr}.split-section h2{text-align:center}}