@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{
  --night:#080714;
  --midnight:#0d0a20;
  --plum:#211033;
  --violet:#6f35c8;
  --magenta:#d83a9a;
  --aqua:#45d9d1;
  --silver:#eef0ff;
  --muted:#b9b5cb;
  --line:rgba(238,240,255,.14);
  --glow:rgba(69,217,209,.18);
  --heading:'Berkshire Swash', cursive;
  --body:'DM Sans', system-ui, sans-serif;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--silver);font-family:var(--body);line-height:1.75}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,60px);background:linear-gradient(180deg,rgba(8,7,20,.94),rgba(8,7,20,.68),transparent);backdrop-filter:blur(8px)}
.brand{font:2rem var(--heading);color:#fff;text-shadow:0 0 18px rgba(216,58,154,.32);white-space:nowrap}
.site-nav{display:flex;gap:clamp(14px,2vw,30px);align-items:center;font-size:.83rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.site-nav a,.footer-nav a,.footer-secondary a{opacity:.86;transition:.2s ease}
.site-nav a:hover,.footer-nav a:hover,.footer-secondary a:hover{opacity:1;color:var(--aqua)}
.menu-toggle{display:none;border:1px solid var(--line);background:rgba(13,10,32,.8);color:#fff;border-radius:10px;padding:9px 12px;font-size:1.25rem}
main{overflow:hidden}
.hero{min-height:100svh;display:grid;place-items:center;text-align:center;padding:140px 24px 90px;position:relative;isolation:isolate;background:radial-gradient(circle at 50% 25%,rgba(111,53,200,.22),transparent 34%),radial-gradient(circle at 78% 55%,rgba(216,58,154,.12),transparent 25%),linear-gradient(180deg,#070613 0%,#100b27 56%,#170d29 100%)}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 15% 25%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 76% 19%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 64% 42%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 34% 14%,#fff 0 1px,transparent 1.5px);background-size:280px 220px,330px 260px,240px 300px,370px 290px;opacity:.42}
.hero:after{content:"";position:absolute;z-index:-1;left:-5%;right:-5%;bottom:-4px;height:42%;background:linear-gradient(180deg,transparent,rgba(3,4,12,.35) 15%,#05050c 76%);clip-path:polygon(0 70%,4% 56%,8% 65%,12% 38%,17% 61%,22% 45%,27% 68%,31% 30%,37% 62%,43% 40%,48% 67%,54% 36%,59% 58%,64% 31%,70% 63%,76% 43%,82% 67%,87% 35%,92% 57%,97% 42%,100% 60%,100% 100%,0 100%)}
.hero-inner{max-width:900px;margin:auto}
.eyebrow{margin:0 0 14px;color:var(--aqua);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:1.15;margin:0 0 22px}
h1{font-size:clamp(3.2rem,8vw,7rem);text-shadow:0 8px 34px rgba(0,0,0,.45)}
h2{font-size:clamp(2.5rem,5vw,4.4rem)}
h3{font-size:clamp(1.5rem,3vw,2.1rem)}
.hero-lede{font-size:clamp(1.15rem,2vw,1.5rem);max-width:720px;margin:0 auto 12px;color:#fff}
.hero p:not(.eyebrow):not(.hero-lede){font-size:1.05rem}.hero .muted{max-width:720px;margin:22px auto 34px;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;background:linear-gradient(100deg,var(--magenta),#8e42d8);border:1px solid rgba(255,255,255,.18);font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 10px 32px rgba(216,58,154,.22);transition:.2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(69,217,209,.18)}
.section{position:relative;max-width:var(--max);margin:0 auto;padding:120px 28px}.section:after{content:"";display:block;position:absolute;left:10%;right:10%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
#meet-star-shee{max-width:none;background:radial-gradient(circle at 18% 45%,rgba(111,53,200,.16),transparent 28%),linear-gradient(180deg,#0b0a1b,#100b22);padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2))}
.meet-grid{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:clamp(44px,7vw,100px);align-items:center}.portrait-wrap{position:relative;padding:16px}.portrait-wrap:before{content:"";position:absolute;inset:0;border-radius:48% 48% 42% 42% / 36% 36% 56% 56%;background:linear-gradient(145deg,rgba(216,58,154,.55),rgba(69,217,209,.24) 55%,rgba(111,53,200,.5));filter:blur(2px)}.portrait-wrap img{position:relative;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:48% 48% 42% 42% / 36% 36% 56% 56%;border:1px solid rgba(255,255,255,.18);box-shadow:0 25px 70px rgba(0,0,0,.5)}
.quote{font:clamp(1.45rem,2.4vw,2rem)/1.4 var(--heading);color:#fff;margin:20px 0}.identity{color:var(--aqua);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.83rem}.section-copy{max-width:680px}.text-link{display:inline-block;margin-top:18px;color:var(--aqua);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.text-link:hover{color:#fff}
#magik-journey{max-width:none;background:radial-gradient(circle at 75% 45%,rgba(69,217,209,.12),transparent 25%),linear-gradient(135deg,#160c27,#0b0a1a 60%,#140d2c)}
.book-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:clamp(45px,8vw,110px);align-items:center}.book-cover{width:min(100%,380px);justify-self:center;display:block;border-radius:4px;box-shadow:0 30px 70px rgba(0,0,0,.58),0 0 35px rgba(111,53,200,.18);border:1px solid rgba(255,255,255,.15)}
#outside-the-box{max-width:none;background:radial-gradient(circle at 50% 10%,rgba(111,53,200,.14),transparent 30%),#171026}.outside-inner{max-width:850px;margin:auto}.outside-inner p{font-size:1.07rem;color:#e8e6f3}.closing-lines{margin-top:40px!important;font:1.35rem/1.8 var(--heading)!important;color:#fff!important;text-align:center}.closing-lines strong{color:#fff}
#join-the-circle{max-width:none;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(216,58,154,.14),transparent 25%),linear-gradient(180deg,#171026,#0b0918)}.signup-inner{max-width:720px;margin:auto}.signup-form{display:flex;max-width:580px;margin:34px auto 16px;gap:10px}.signup-form input{flex:1;min-width:0;padding:15px 17px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font:inherit}.signup-form input::placeholder{color:#aaa5ba}.fine-print{color:var(--muted);font-size:.88rem}.kit-form-wrap{max-width:720px;margin:34px auto 0}.kit-form-wrap .formkit-form{max-width:720px!important;margin:0 auto!important}.kit-form-wrap .formkit-fields{gap:10px!important}.kit-form-wrap .formkit-input{min-height:52px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font:inherit!important}.kit-form-wrap .formkit-input::placeholder{color:#aaa5ba!important}.kit-form-wrap .formkit-submit{min-height:52px!important;border-radius:999px!important;border:0!important;background:linear-gradient(135deg,#246bff,#7e52e6 55%,#d83a9a)!important;color:#fff!important;font:inherit!important;font-weight:700!important;letter-spacing:.03em!important;padding:0 26px!important}.kit-form-wrap .formkit-submit:hover{filter:brightness(1.08)}.kit-form-wrap .formkit-alert{color:#fff!important}.kit-form-wrap [data-element="powered-by"]{opacity:.75}.kit-form-wrap a{color:inherit}
/* Star Shee Circle confirmation: rich magenta with clear white type. */
.kit-form-wrap .formkit-alert-success{
  background:#c83b96 !important;
  border-color:#f08ac6 !important;
  color:#ffffff !important;
  border-radius:14px !important;
  padding:18px 22px !important;
  line-height:1.65 !important;
  font-weight:600 !important;
  box-shadow:0 8px 28px rgba(216,58,154,.16) !important;
}
.kit-form-wrap .formkit-alert-success *{color:#ffffff !important;}
@media(max-width:800px){.kit-form-wrap .formkit-fields{flex-direction:column!important}.kit-form-wrap .formkit-field,.kit-form-wrap .formkit-submit{width:100%!important}.kit-form-wrap .formkit-submit{margin-top:8px!important}}
.site-footer{padding:70px 28px 34px;text-align:center;background:linear-gradient(180deg,#080714,#05050c);color:var(--muted)}.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.footer-secondary{display:flex;justify-content:center;gap:20px;margin:24px 0 16px;font-size:.82rem}.site-footer p{margin:9px 0}.site-footer a[href^="mailto:"]{color:#fff}.footer-tagline{font:1.15rem var(--heading);color:#dddafa;margin:28px 0 18px!important}.copyright{font-size:.78rem}
@media (max-width:850px){.site-header{padding:14px 18px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:70px;left:14px;right:14px;padding:18px;flex-direction:column;align-items:stretch;background:rgba(10,8,25,.97);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.site-nav.is-open{display:flex}.site-nav a{padding:10px 6px}.meet-grid,.book-grid{grid-template-columns:1fr}.portrait-wrap{max-width:390px;margin:auto}.book-cover{max-width:330px}.section{padding:90px 22px}.signup-form{flex-direction:column}.signup-form .button{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* About Star Shee additions */
.about-intro .section-copy h2 { max-width: 12ch; }
.subhead { font-family: 'Berkshire Swash', Georgia, serif; font-size: 1.35rem; opacity: .9; }
.story-inner, .section-heading { max-width: 900px; margin: 0 auto; }
.story-inner { line-height: 1.85; }
.story-marker { margin: 2.2rem 0 1rem; text-align: center; letter-spacing: .18em; font-size: .78rem; text-transform: uppercase; opacity: .9; }
.story-marker span { display: inline-block; padding: .45rem 1rem; border-top: 1px solid rgba(255,255,255,.22); border-bottom: 1px solid rgba(255,255,255,.22); }
.paths-section, .create-section, .find-section, .welcome-section, .journey-ending, .explore-section { position: relative; }
.paths-orbit { position: relative; max-width: 1050px; min-height: 720px; margin: 2.5rem auto 0; }
.orbit-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:170px; height:170px; border-radius:50%; display:grid; place-items:center; text-align:center; border:1px solid rgba(255,255,255,.35); box-shadow:0 0 45px rgba(120,80,220,.25); background:rgba(18,12,45,.82); font-family:'Berkshire Swash', Georgia, serif; letter-spacing:.08em; }
.path-card { position:absolute; width:220px; padding:1.15rem; text-align:center; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:rgba(17,12,39,.58); backdrop-filter:blur(5px); }
.path-card h3 { margin:.35rem 0 .35rem; font-size:1rem; letter-spacing:.12em; }
.path-card p { margin:0; font-size:.86rem; opacity:.78; line-height:1.45; }
.path-symbol { font-size:1.35rem; opacity:.9; }
.path-quill{display:block;width:2.15rem;height:2.15rem;object-fit:contain;margin:0 auto .15rem;filter:drop-shadow(0 0 10px rgba(216,58,154,.45));}
.path-1 { left:3%; top:5%; } .path-2 { right:3%; top:7%; } .path-3 { left:0; top:38%; } .path-4 { right:0; top:40%; } .path-5 { left:12%; bottom:5%; } .path-6 { left:50%; transform:translateX(-50%); bottom:0; } .path-7 { right:12%; bottom:5%; }
.portal-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; max-width:1100px; margin:2rem auto 0; }
.portal { display:block; padding:1.7rem 1.2rem; min-height:170px; text-decoration:none; color:inherit; border:1px solid rgba(255,255,255,.16); border-radius:24px; background:linear-gradient(145deg,rgba(47,26,86,.62),rgba(10,17,52,.65)); transition:transform .2s ease,border-color .2s ease; }
.portal:hover { transform:translateY(-4px); border-color:rgba(255,255,255,.36); }
.portal-symbol { display:block; font-size:1.5rem; margin-bottom:.55rem; }
.portal h3 { margin:0 0 .45rem; font-size:1rem; letter-spacing:.08em; }
.portal p { margin:0; line-height:1.5; opacity:.8; font-size:.9rem; }
.center-copy { max-width:650px; margin:1rem auto 0; text-align:center; line-height:1.8; }
.find-grid { grid-template-columns:repeat(4,1fr); }
.find-grid .portal { min-height:120px; display:flex; flex-direction:column; justify-content:center; text-align:center; }
.welcome-clearing, .lake-ending { max-width:850px; margin:0 auto; text-align:center; padding:5rem 2rem; border-radius:36px; background:radial-gradient(circle at center,rgba(67,36,104,.35),rgba(10,12,35,.25) 62%,transparent 75%); }
.welcome-clearing p, .lake-ending p { max-width:720px; margin:1rem auto; line-height:1.75; }
.broom-wink { font-family:'Berkshire Swash',Georgia,serif; font-size:1.15rem; }
.bring-it { font-family:'Berkshire Swash',Georgia,serif; font-size:3.5rem !important; letter-spacing:.08em; margin-top:2rem !important; }
.explore-links { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; max-width:1000px; margin:2rem auto 0; }
.explore-links a { padding:1.2rem; text-align:center; text-decoration:none; color:inherit; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:rgba(20,15,45,.45); letter-spacing:.08em; font-size:.9rem; }
.explore-links span { margin-left:.5rem; }
@media (max-width: 850px) {
 .paths-orbit { min-height:auto; display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
 .orbit-center { position:relative; left:auto; top:auto; transform:none; grid-column:1 / -1; justify-self:center; order:-1; width:130px; height:130px; }
 .path-card { position:static; width:auto; }
 .portal-grid, .find-grid, .explore-links { grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px) {
 .portal-grid, .find-grid, .explore-links { grid-template-columns:1fr; }
 .path-card { padding:.9rem; }
 .bring-it { font-size:2.6rem !important; }
 .welcome-clearing, .lake-ending { padding:3.5rem 1.2rem; }
}

/* Luminous whimsy refinement — About Star Shee */
.paths-section{
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 28%, rgba(216,58,154,.16), transparent 24%),
    radial-gradient(circle at 82% 22%, rgba(69,217,209,.15), transparent 24%),
    radial-gradient(circle at 50% 72%, rgba(126,82,230,.20), transparent 30%),
    linear-gradient(180deg,#100a25 0%,#0a0b1c 55%,#120b25 100%);
}
.paths-section:before{
  content:"";position:absolute;inset:12% -8% auto;height:70%;
  background:
    radial-gradient(circle at 20% 40%,rgba(216,58,154,.10),transparent 16%),
    radial-gradient(circle at 78% 55%,rgba(69,217,209,.09),transparent 18%);
  pointer-events:none;
}
.paths-section .section-heading{position:relative;z-index:2;text-align:center}
.paths-section .section-heading h2{
  text-shadow:0 0 26px rgba(216,58,154,.22),0 0 42px rgba(69,217,209,.12);
}
.paths-orbit{
  min-height:650px;
  max-width:1120px;
  margin:2rem auto 0;
}
.paths-orbit:before{
  content:"";position:absolute;left:50%;top:50%;width:480px;height:480px;
  transform:translate(-50%,-50%);border-radius:50%;
  border:1px solid rgba(216,58,154,.28);
  box-shadow:0 0 35px rgba(126,82,230,.18),inset 0 0 45px rgba(69,217,209,.06);
  background:radial-gradient(circle,rgba(80,43,130,.08),transparent 64%);
}
.paths-orbit:after{
  content:"✦   ·   ✧   ·   ✦   ·   ✧   ·   ✦";
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:580px;
  color:rgba(255,255,255,.32);font-size:.72rem;letter-spacing:.8em;text-align:center;
  pointer-events:none;
}
.orbit-center{
  width:184px;height:184px;z-index:3;
  border:1px solid rgba(255,255,255,.38);
  background:
    radial-gradient(circle at 35% 30%,rgba(216,58,154,.36),transparent 32%),
    radial-gradient(circle at 68% 70%,rgba(69,217,209,.28),transparent 36%),
    rgba(13,10,34,.92);
  box-shadow:0 0 18px rgba(216,58,154,.28),0 0 55px rgba(69,217,209,.16),inset 0 0 35px rgba(126,82,230,.22);
  color:#fff;
  font-size:1.08rem;
  letter-spacing:.12em;
}
.orbit-center:before{
  content:"☾ ✦ ☽";position:absolute;top:20px;left:0;right:0;color:#e6c9ff;font-size:.78rem;letter-spacing:.32em;
}
.path-card{
  z-index:4;width:215px;min-height:132px;padding:1rem 1rem 1.05rem;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.20);
  background:linear-gradient(145deg,rgba(30,17,61,.88),rgba(8,16,43,.78));
  box-shadow:0 12px 35px rgba(0,0,0,.30),0 0 24px rgba(111,53,200,.10);
  backdrop-filter:blur(7px);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.path-card:hover{transform:translateY(-5px) scale(1.015);border-color:rgba(255,255,255,.42);box-shadow:0 16px 42px rgba(0,0,0,.34),0 0 28px rgba(216,58,154,.14)}
.path-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.10),transparent 42%);pointer-events:none}
.path-card .path-symbol{
  display:grid;place-items:center;width:48px;height:48px;margin:0 auto .45rem;border-radius:50%;
  font-size:1.2rem;color:#fff;border:1px solid rgba(255,255,255,.30);
  box-shadow:0 0 18px rgba(126,82,230,.25),inset 0 0 16px rgba(255,255,255,.06);
}
.path-card h3{color:#fff;margin:.2rem 0 .3rem;font-size:.95rem;letter-spacing:.10em}
.path-card p{color:#d9d4e8;opacity:.88}
.path-1 .path-symbol{background:radial-gradient(circle,#d83a9a,#5c246f)}
.path-2 .path-symbol{background:radial-gradient(circle,#45d9d1,#174e66)}
.path-3 .path-symbol{background:radial-gradient(circle,#7e52e6,#34205d)}
.path-4 .path-symbol{background:radial-gradient(circle,#3d8eea,#173e68)}
.path-5 .path-symbol{background:radial-gradient(circle,#c26be8,#4b2468)}
.path-6 .path-symbol{background:radial-gradient(circle,#f0a4cf,#713d75)}
.path-7 .path-symbol{background:radial-gradient(circle,#7fd7ef,#214d73)}
.path-1{left:2%;top:4%}.path-2{right:2%;top:6%}.path-3{left:0;top:40%}.path-4{right:0;top:42%}.path-5{left:10%;bottom:4%}.path-6{left:50%;transform:translateX(-50%);bottom:0}.path-7{right:10%;bottom:4%}

/* Keep the creative portals luminous but proportional. */
.create-section,.find-section{background:radial-gradient(circle at 50% 35%,rgba(126,82,230,.12),transparent 38%),#0c0a1d}
.portal{position:relative;overflow:hidden;min-height:170px;background:linear-gradient(145deg,rgba(43,22,74,.76),rgba(8,21,47,.76));box-shadow:0 10px 30px rgba(0,0,0,.22)}
.portal:before{content:"";position:absolute;inset:-35% -10% auto;height:85%;background:radial-gradient(circle at 50% 30%,rgba(216,58,154,.14),transparent 45%);pointer-events:none}
.portal-symbol{position:relative;color:#f3dfff;text-shadow:0 0 14px rgba(216,58,154,.65),0 0 22px rgba(69,217,209,.35)}
.portal h3,.portal p{position:relative}

@media (max-width:850px){
 .paths-orbit{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem}
 .paths-orbit:before,.paths-orbit:after{display:none}
 .orbit-center{position:relative;left:auto;top:auto;transform:none;grid-column:1 / -1;justify-self:center;order:-1;width:145px;height:145px}
 .path-card{position:static;width:auto}
 .path-6{transform:none}
}

@media (hover:none){
 .path-card:hover{transform:none;box-shadow:0 12px 35px rgba(0,0,0,.30),0 0 24px rgba(111,53,200,.10);border-color:rgba(255,255,255,.20)}
}

/* ===== THE MΔGIK JOURNEY — luminous storybook treatment ===== */
.magik-page main{overflow:hidden;background:#09071a}
.magik-hero{position:relative;min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(300px,.78fr);align-items:center;gap:3rem;padding:5.5rem 7vw 5rem;isolation:isolate;background:
 radial-gradient(circle at 75% 38%,rgba(126,82,230,.24),transparent 20%),
 radial-gradient(circle at 86% 75%,rgba(69,217,209,.13),transparent 20%),
 radial-gradient(circle at 16% 80%,rgba(216,58,154,.16),transparent 22%),
 linear-gradient(125deg,#08061a 0%,#130a2c 46%,#08142a 100%)}
.magik-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:
 radial-gradient(ellipse at 18% 20%,rgba(255,255,255,.06),transparent 24%),
 radial-gradient(ellipse at 70% 18%,rgba(75,151,255,.08),transparent 22%),
 linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28));}
.magik-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background-image:radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(216,58,154,.42) 0 1px,transparent 1.5px);background-size:92px 92px,137px 137px;background-position:12px 18px,58px 44px;pointer-events:none}
.magik-stars{position:absolute;top:7rem;left:6vw;color:#dcb7ff;letter-spacing:.35rem;opacity:.65;text-shadow:0 0 18px rgba(216,58,154,.75);font-size:1rem}
.magik-hero-copy{max-width:720px;position:relative;z-index:2}
.magik-hero-copy h1{font-size:clamp(4.2rem,8vw,8rem);margin:.1em 0 .1em;text-shadow:0 0 22px rgba(126,82,230,.32),0 0 50px rgba(216,58,154,.16)}
.magik-tagline{font-family:var(--display-font);font-size:clamp(1.65rem,2.6vw,2.5rem);line-height:1.2;color:#f6ecff;max-width:720px}
.magik-intro{font-size:1.12rem;line-height:1.85;color:#ded8ef;max-width:650px}
.magik-button{box-shadow:0 0 24px rgba(216,58,154,.22),0 0 45px rgba(126,82,230,.16)}
.magik-hero-cover{position:relative;justify-self:center;width:min(390px,82%);padding:1rem;z-index:2}
.magik-hero-cover img{display:block;width:100%;height:auto;border-radius:6px;position:relative;z-index:2;box-shadow:0 28px 70px rgba(0,0,0,.62),0 0 35px rgba(126,82,230,.22);border:1px solid rgba(255,255,255,.18)}
.cover-glow{position:absolute;inset:10% -10% 4%;background:radial-gradient(ellipse,rgba(126,82,230,.45),rgba(216,58,154,.14) 38%,transparent 68%);filter:blur(18px);z-index:0}
.cover-sparkle{position:absolute;z-index:3;color:#f5dfff;text-shadow:0 0 14px rgba(216,58,154,.9),0 0 25px rgba(69,217,209,.45);font-size:1.15rem}.sparkle-one{top:4%;left:0}.sparkle-two{right:-1%;top:26%;font-size:.9rem}.sparkle-three{left:2%;bottom:10%;font-size:1rem}
.magik-divider{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.1rem 0;color:#e7c9ff;background:#0b0920}.magik-divider i{display:block;width:min(240px,20vw);height:1px;background:linear-gradient(90deg,transparent,rgba(216,58,154,.6),rgba(69,217,209,.4),transparent);box-shadow:0 0 10px rgba(126,82,230,.28)}
.magik-heading{text-align:center;max-width:850px;margin:0 auto 2.6rem}.magik-heading h2{text-shadow:0 0 24px rgba(126,82,230,.22)}.heading-lede{max-width:650px;margin:0 auto;color:#bdb6d2}
.magik-story{position:relative;background:radial-gradient(circle at 50% 40%,rgba(126,82,230,.13),transparent 35%),linear-gradient(180deg,#0b0920,#100a23)}
.story-card{position:relative;max-width:850px;margin:auto;padding:3.2rem 4rem;border:1px solid rgba(216,58,154,.26);border-radius:28px;background:linear-gradient(145deg,rgba(35,18,66,.8),rgba(8,18,43,.8));box-shadow:0 22px 55px rgba(0,0,0,.28),inset 0 0 45px rgba(126,82,230,.07);overflow:hidden}.story-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.07);border-radius:22px;pointer-events:none}.manuscript-glow{position:absolute;width:380px;height:380px;right:-130px;top:-150px;background:radial-gradient(circle,rgba(216,58,154,.2),transparent 68%);filter:blur(8px)}.manuscript-mark{font-size:2rem;color:#e7b8ff;text-align:center;text-shadow:0 0 20px rgba(216,58,154,.75);margin-bottom:1.3rem}.story-card p{position:relative;max-width:700px;margin:0 auto 1.2rem;font-size:1.05rem;line-height:1.85;color:#e1dced}.story-card p:first-of-type{font-family:var(--display-font);font-size:1.7rem;line-height:1.35;color:#fff4ff}.story-emphasis{text-align:center;color:#e9caff!important;font-family:var(--display-font);font-size:1.45rem!important;margin-top:1.7rem!important}
.michy-section{background:radial-gradient(circle at 20% 50%,rgba(69,217,209,.14),transparent 25%),radial-gradient(circle at 78% 38%,rgba(216,58,154,.13),transparent 28%),#09081c}.michy-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(300px,480px) 1fr;align-items:center;gap:clamp(3rem,6vw,5.5rem)}.michy-visual{position:relative;justify-self:center;width:min(100%,460px);padding:12px}.michy-visual-glow{position:absolute;inset:4% -8% 2%;background:radial-gradient(ellipse,rgba(126,82,230,.34),rgba(216,58,154,.14) 42%,rgba(69,217,209,.08) 60%,transparent 74%);filter:blur(20px)}.michy-portrait{position:relative;display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 43%;border-radius:28px 28px 42% 42% / 28px 28px 34% 34%;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 65px rgba(0,0,0,.55),0 0 38px rgba(126,82,230,.22)}.michy-visual:after{content:"✦";position:absolute;top:-6px;right:4%;color:#f4d8ff;font-size:1.35rem;text-shadow:0 0 18px rgba(216,58,154,.9),0 0 28px rgba(69,217,209,.5)}.michy-section .section-copy h2{max-width:720px}.michy-section .section-copy p{max-width:720px}
.signs-section{background:linear-gradient(180deg,#0b0920,#120b29)}.signs-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.signs-grid article{position:relative;padding:2rem 1.6rem;text-align:center;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(44,21,72,.72),rgba(7,20,43,.78));box-shadow:0 14px 32px rgba(0,0,0,.22);overflow:hidden}.signs-grid article:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#d83a9a,#7e52e6,#45d9d1)}.signs-grid span{font-size:2rem;color:#efd5ff;text-shadow:0 0 18px rgba(216,58,154,.75)}.signs-grid h3{font-size:.9rem;letter-spacing:.16em;color:#fff;margin:.8rem 0 .55rem}.signs-grid p{color:#c9c1d8;line-height:1.7}
.world-section{background:radial-gradient(circle at 20% 30%,rgba(69,217,209,.1),transparent 24%),radial-gradient(circle at 82% 60%,rgba(216,58,154,.1),transparent 25%),#09081b}.world-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:1.15rem}.world-card{position:relative;min-height:220px;padding:1.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(26,16,52,.84),rgba(7,19,39,.84));box-shadow:0 16px 36px rgba(0,0,0,.24);overflow:hidden}.world-card:nth-child(1),.world-card:nth-child(2){grid-column:span 2}.world-card:nth-child(3){grid-column:span 2}.world-card:nth-child(4),.world-card:nth-child(5){grid-column:span 3}.world-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(126,82,230,.16),transparent 40%);pointer-events:none}.world-card .world-icon{font-size:2rem;color:#eecfff;text-shadow:0 0 18px rgba(216,58,154,.55);position:relative}.world-card h3,.world-card p,.world-card small,.world-card h3{font-size:.92rem;letter-spacing:.12em;color:#fff;margin:.8rem 0 .5rem}.world-card p{color:#c9c2d8;line-height:1.65}.world-card small{font-size:.65rem;color:#9f96b2}
.journey-invitation{padding-top:5rem;background:#080719}.invitation-frame{max-width:980px;margin:auto;position:relative;text-align:center;padding:4rem 3rem;border:1px solid rgba(216,58,154,.3);border-radius:30px;background:radial-gradient(circle at 50% 45%,rgba(126,82,230,.2),transparent 45%),linear-gradient(145deg,rgba(36,18,69,.88),rgba(6,20,41,.9));box-shadow:0 0 60px rgba(126,82,230,.12),inset 0 0 50px rgba(216,58,154,.05);overflow:hidden}.invitation-frame:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.07);border-radius:23px}.invitation-frame h2,.invitation-frame p,.invitation-frame a{position:relative}.invitation-frame h2{font-size:clamp(2.2rem,4vw,3.8rem)}.invitation-frame>p:not(.eyebrow){max-width:680px;margin:0 auto 1.7rem;color:#d5cde2;line-height:1.8}.corner{position:absolute;color:#dcb7ff;text-shadow:0 0 14px rgba(216,58,154,.7);font-size:1.2rem}.corner-a{top:25px;left:30px}.corner-b{top:27px;right:32px}.corner-c{bottom:27px;left:32px}.corner-d{bottom:25px;right:30px}
.get-book{background:linear-gradient(180deg,#0b0920,#070718)}.get-book-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:5rem;align-items:center}.get-book-cover{position:relative;justify-self:center;width:min(320px,100%)}.get-book-cover:before{content:"";position:absolute;inset:10% -18%;background:radial-gradient(ellipse,rgba(126,82,230,.36),transparent 65%);filter:blur(18px)}.get-book-cover img{position:relative;width:100%;display:block;border-radius:5px;box-shadow:0 25px 55px rgba(0,0,0,.55),0 0 25px rgba(216,58,154,.16);border:1px solid rgba(255,255,255,.16)}.get-book .quote{font-family:var(--display-font);font-size:1.8rem;color:#f0dcff}.format-row{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.3rem 0}.format-row span{font-size:.65rem;letter-spacing:.1em;color:#ddd4ea;border:1px solid rgba(255,255,255,.16);padding:.45rem .65rem;border-radius:999px;background:rgba(255,255,255,.03)}
@media(max-width:850px){.magik-hero{grid-template-columns:1fr;text-align:center;padding-top:5rem}.magik-hero-copy{margin:auto}.magik-intro{margin-left:auto;margin-right:auto}.magik-hero-cover{width:min(330px,72vw)}.magik-stars{left:50%;transform:translateX(-50%);white-space:nowrap}.michy-inner,.get-book-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.michy-visual{width:min(360px,82vw)}.signs-grid{grid-template-columns:1fr}.world-grid{grid-template-columns:1fr}.world-card,.world-card:nth-child(n){grid-column:span 1}.story-card{padding:2.3rem 1.35rem}.invitation-frame{padding:3rem 1.3rem}.get-book-cover{width:min(280px,72vw)}}

/* Spirituality page */
.spirituality-page{background:#070612}
.spirit-hero{min-height:86svh;display:grid;place-items:center;text-align:center;padding:150px 24px 100px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 24%,rgba(126,82,230,.24),transparent 25%),radial-gradient(circle at 18% 55%,rgba(69,217,209,.12),transparent 25%),radial-gradient(circle at 84% 48%,rgba(216,58,154,.16),transparent 25%),linear-gradient(180deg,#080716,#120b27 62%,#0b0918)}
.spirit-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.6) 0 1px,transparent 1.7px),radial-gradient(circle at 72% 16%,rgba(255,255,255,.55) 0 1px,transparent 1.6px),radial-gradient(circle at 42% 68%,rgba(255,255,255,.45) 0 1px,transparent 1.6px);background-size:190px 170px,260px 210px,230px 250px;opacity:.4}
.spirit-hero:after{content:"";position:absolute;z-index:-1;left:-5%;right:-5%;bottom:-5px;height:28%;background:linear-gradient(180deg,transparent,#05050c 75%);clip-path:polygon(0 65%,8% 48%,15% 67%,22% 40%,30% 64%,38% 44%,46% 69%,55% 38%,64% 64%,72% 46%,80% 66%,88% 42%,100% 60%,100% 100%,0 100%)}
.spirit-hero-inner{max-width:950px}.spirit-hero h1{font-size:clamp(3.1rem,7vw,6.5rem);max-width:1000px;margin:.15em auto .25em;text-shadow:0 0 24px rgba(126,82,230,.3),0 0 45px rgba(216,58,154,.15)}
.spirit-hero-lede{max-width:760px;margin:0 auto;font-size:clamp(1.12rem,2vw,1.4rem);color:#f5efff}.spirit-hero-note{margin:18px auto 0;color:#bcb4cf}.spirit-moon{position:absolute;right:12%;top:19%;font-size:6rem;color:#f4dfff;text-shadow:0 0 30px rgba(216,58,154,.5),0 0 60px rgba(69,217,209,.15);opacity:.9}.spirit-stars{position:absolute;left:9%;top:31%;color:#dcb7ff;text-shadow:0 0 20px rgba(216,58,154,.7);letter-spacing:.2rem}
.spirit-heading{max-width:900px;margin:0 auto 2.8rem;text-align:center}.spirit-heading h2{margin-bottom:12px;text-shadow:0 0 22px rgba(126,82,230,.18)}.spirit-heading>p:not(.eyebrow){max-width:760px;margin:0 auto;color:#c7c0d5;font-size:1.04rem}
.spirit-paths{padding:110px 28px 120px;background:radial-gradient(circle at 20% 35%,rgba(216,58,154,.12),transparent 25%),radial-gradient(circle at 80% 60%,rgba(69,217,209,.1),transparent 25%),linear-gradient(180deg,#0a081a,#120b28)}
.spirit-path-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.spirit-path-card{position:relative;min-height:230px;padding:2rem 1.5rem;border-radius:30px;border:1px solid rgba(255,255,255,.14);overflow:hidden;background:linear-gradient(145deg,rgba(36,18,69,.82),rgba(6,21,40,.88));box-shadow:0 20px 45px rgba(0,0,0,.24),inset 0 0 40px rgba(126,82,230,.06);transition:.25s ease}.spirit-path-card:before{content:"";position:absolute;inset:auto -10% -35%;height:65%;background:radial-gradient(ellipse,rgba(126,82,230,.22),transparent 65%);filter:blur(10px)}.spirit-path-card:after{content:"";position:absolute;inset:10px;border-radius:22px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.spirit-path-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(0,0,0,.3),0 0 30px rgba(126,82,230,.1)}.spirit-path-card>span{position:relative;font-size:2.2rem;color:#f1d7ff;text-shadow:0 0 20px currentColor}.spirit-path-card h3{position:relative;font-family:var(--body);font-size:.86rem;letter-spacing:.14em;margin:1rem 0 .55rem;color:#fff}.spirit-path-card p{position:relative;margin:0;color:#c8c0d8;line-height:1.65}.path-animal{background:linear-gradient(145deg,rgba(57,24,78,.82),rgba(9,19,45,.9))}.path-signs{background:linear-gradient(145deg,rgba(37,25,79,.82),rgba(8,24,47,.9))}.path-moon{background:linear-gradient(145deg,rgba(33,23,72,.82),rgba(9,26,42,.9))}.path-energy{background:linear-gradient(145deg,rgba(45,22,75,.82),rgba(7,26,43,.9))}.path-tarot{background:linear-gradient(145deg,rgba(60,22,72,.82),rgba(15,18,46,.9))}.path-dreams{background:linear-gradient(145deg,rgba(33,22,78,.82),rgba(7,21,44,.9))}
.spirit-section{position:relative;padding:120px 28px}.animals-section{background:radial-gradient(circle at 15% 30%,rgba(216,58,154,.12),transparent 22%),radial-gradient(circle at 85% 70%,rgba(69,217,209,.09),transparent 25%),#09081a}.animal-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.animal-card{position:relative;min-height:220px;padding:1.4rem 1rem;text-align:center;border-radius:24px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(28,17,58,.8),rgba(7,18,38,.84));overflow:hidden}.animal-card:after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#d83a9a,#7e52e6,#45d9d1,transparent);box-shadow:0 0 15px rgba(126,82,230,.5)}.animal-card span{display:block;font-size:2.2rem;min-height:45px;color:#eecfff;text-shadow:0 0 18px rgba(216,58,154,.65)}.animal-card h3{font-family:var(--body);font-size:.72rem;letter-spacing:.12em;margin:.75rem 0 .45rem;color:#fff}.animal-card p{margin:0;color:#aaa2bb;font-size:.84rem;line-height:1.55}.spirit-note{text-align:center;max-width:780px;margin:2rem auto 0;color:#8f879f;font-size:.88rem}
.signs-section{background:radial-gradient(circle at 50% 15%,rgba(126,82,230,.14),transparent 30%),linear-gradient(180deg,#100a22,#080817)}.signs-rings{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.sign-card{position:relative;padding:2rem 1.4rem;text-align:center;border-radius:26px;border:1px solid rgba(255,255,255,.13);background:rgba(20,13,44,.72);box-shadow:inset 0 0 32px rgba(126,82,230,.05)}.sign-card span{font-family:var(--heading);font-size:2rem;color:#f0d6ff;text-shadow:0 0 18px rgba(216,58,154,.6)}.sign-card h3{font-family:var(--body);font-size:.78rem;letter-spacing:.15em;margin:.65rem 0 .45rem}.sign-card p{color:#b9b0ca;margin:0;font-size:.9rem}.how-i-work{max-width:980px;margin:3rem auto 0;padding:2rem;border-radius:28px;border:1px solid rgba(69,217,209,.16);background:linear-gradient(145deg,rgba(19,27,53,.7),rgba(31,12,48,.72));text-align:center}.how-i-work h3{font-family:var(--body);font-size:.82rem;letter-spacing:.17em}.how-i-work div{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.how-i-work b{font-size:.82rem;padding:.5rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e5dcf1}.how-i-work p{max-width:720px;margin:0 auto;color:#b6adca}.closing-thought{text-align:center;font-family:var(--heading);font-size:1.55rem;color:#f1dcff;margin:3rem auto 0}
.moon-section{background:radial-gradient(circle at 22% 40%,rgba(69,217,209,.1),transparent 23%),radial-gradient(circle at 78% 50%,rgba(216,58,154,.1),transparent 25%),linear-gradient(180deg,#080817,#110a23)}.nature-grid,.energy-grid,.tarot-grid,.dreams-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.nature-grid article,.energy-grid article,.tarot-grid article,.dreams-grid article{position:relative;min-height:205px;padding:1.7rem 1.45rem;border-radius:25px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(28,18,58,.72),rgba(7,24,41,.82));overflow:hidden}.nature-grid article:before,.energy-grid article:before,.tarot-grid article:before,.dreams-grid article:before{content:"";position:absolute;width:170px;height:170px;right:-80px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(126,82,230,.18),transparent 65%)}.nature-grid span,.energy-grid span,.tarot-grid span,.dreams-grid span{font-size:1.9rem;color:#e9ceff;text-shadow:0 0 16px rgba(216,58,154,.55)}.nature-grid h3,.energy-grid h3,.tarot-grid h3,.dreams-grid h3{font-family:var(--body);font-size:.78rem;letter-spacing:.15em;margin:.65rem 0 .45rem}.nature-grid p,.energy-grid p,.tarot-grid p,.dreams-grid p{margin:0;color:#b8afc8;font-size:.9rem;line-height:1.65}.moon-section blockquote{max-width:800px;margin:3rem auto 0;text-align:center;font:1.7rem/1.5 var(--heading);color:#f1ddff;text-shadow:0 0 20px rgba(126,82,230,.24)}
.energy-section{background:radial-gradient(circle at 75% 25%,rgba(69,217,209,.12),transparent 25%),radial-gradient(circle at 25% 75%,rgba(216,58,154,.1),transparent 25%),#090818}.healing-callout{max-width:760px;margin:3rem auto 0;text-align:center;padding:2rem;border-radius:28px;border:1px solid rgba(216,58,154,.24);background:radial-gradient(circle at 50% 50%,rgba(126,82,230,.17),transparent 65%);box-shadow:0 0 40px rgba(126,82,230,.08)}.healing-callout span{font-family:var(--heading);font-size:1.65rem;color:#f0d8ff}.healing-callout p{margin:.45rem 0 0;color:#c3b9d0}
.tarot-section{background:linear-gradient(180deg,#110a24,#080817)}.tarot-quote{max-width:820px;margin:3rem auto 0;text-align:center}.tarot-quote p{font:1.8rem var(--heading);color:#f0d7ff;margin:0 0 .5rem}.tarot-quote span{color:#8fdfdc;letter-spacing:.08em}
.dreams-section{background:radial-gradient(circle at 50% 25%,rgba(126,82,230,.17),transparent 28%),linear-gradient(180deg,#080817,#120a25)}.dream-ending{max-width:760px;margin:3rem auto 0;text-align:center;padding:2.2rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.dream-ending span{font-family:var(--heading);font-size:1.7rem;color:#e9d4ff}.dream-ending p{font-size:1.1rem;color:#bdb4ca;margin:.5rem 0 0}
.spirit-closing{position:relative;text-align:center;padding:130px 28px 150px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(126,82,230,.2),transparent 34%),radial-gradient(circle at 50% 80%,rgba(216,58,154,.1),transparent 25%),linear-gradient(180deg,#120a25,#060611)}.spirit-closing:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 75% 32%,rgba(255,255,255,.45) 0 1px,transparent 1.5px);background-size:240px 220px,300px 260px;opacity:.25}.spirit-closing>*{position:relative}.closing-symbol{font-size:1.5rem;color:#edcfff;letter-spacing:.4rem;text-shadow:0 0 18px rgba(216,58,154,.65)}.spirit-closing h2{max-width:820px;margin:.7rem auto 1rem;font-size:clamp(2.5rem,5vw,4.7rem)}.spirit-closing>p:not(.eyebrow):not(.closing-welcome){max-width:700px;margin:0 auto;color:#c8bfd4;font-size:1.08rem}.spirit-closing .closing-welcome{font-family:var(--heading);font-size:1.55rem;color:#f1ddff;margin:1.3rem 0 0}
@media(max-width:1000px){.animal-grid{grid-template-columns:repeat(3,1fr)}.spirit-path-grid{grid-template-columns:repeat(2,1fr)}.spirit-moon{right:6%}.signs-rings,.nature-grid,.energy-grid,.tarot-grid,.dreams-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.spirit-hero{min-height:80svh;padding-top:120px}.spirit-moon{top:18%;right:8%;font-size:4rem}.spirit-stars{left:8%;top:27%;font-size:.8rem}.spirit-path-grid,.animal-grid,.signs-rings,.nature-grid,.energy-grid,.tarot-grid,.dreams-grid{grid-template-columns:1fr}.spirit-section{padding:90px 20px}.spirit-paths{padding:90px 20px}.spirit-path-card{min-height:200px}.animal-card{min-height:190px}.how-i-work div{gap:.45rem}.spirit-closing{padding:100px 20px 120px}}

/* Spirituality refinements — luminous animal imagery + gentler hero scale */
.spirit-hero h1{font-size:clamp(2.25rem,4.2vw,4rem);max-width:920px;line-height:1.08}
.animal-grid{max-width:1220px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.05rem}
.animal-card{min-height:0;padding:0;text-align:center;border-radius:26px;background:linear-gradient(145deg,rgba(30,16,62,.92),rgba(6,18,38,.94));box-shadow:0 20px 42px rgba(0,0,0,.26),inset 0 0 28px rgba(126,82,230,.06);transition:transform .25s ease,box-shadow .25s ease}
.animal-card:hover{transform:translateY(-5px);box-shadow:0 26px 52px rgba(0,0,0,.34),0 0 30px rgba(126,82,230,.14)}
.animal-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(9,7,24,.92) 78%,rgba(9,7,24,.98) 100%);z-index:1;pointer-events:none}
.animal-card img{display:block;width:100%;height:auto;aspect-ratio:347 / 436;object-fit:contain;object-position:center top;filter:saturate(1.08) contrast(1.03);border-radius:25px 25px 0 0}
.animal-card-body{position:relative;z-index:2;margin-top:-26px;padding:0 1rem 1.25rem}
.animal-card h3{font-size:.76rem;letter-spacing:.13em;margin:.45rem 0 .5rem;color:#fff;text-shadow:0 0 14px rgba(216,58,154,.28)}
.animal-card p{margin:0;color:#c1b8ce;font-size:.84rem;line-height:1.55}
.animal-card:after{z-index:3}
.quill-icon{display:inline-block;width:2.15rem;height:2.15rem;object-fit:contain;transform:rotate(-10deg);filter:drop-shadow(0 0 10px rgba(216,58,154,.45))}
@media(max-width:1100px){.animal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.animal-grid{grid-template-columns:1fr}.animal-card img{height:auto;aspect-ratio:347 / 436}.animal-card-body{margin-top:-32px;padding:0 1.2rem 1.35rem}.spirit-hero h1{font-size:clamp(2.15rem,10vw,3.1rem)}}

.fountain-note{margin-top:1rem;color:#c9c2d8;font-size:.82rem;line-height:1.6;font-style:italic}

/* Contact + legal pages */
.content-section { max-width: 980px; margin: 0 auto; padding: 4rem 1.25rem; }
.content-card { max-width: 760px; margin: 0 auto; padding: 2rem; border: 1px solid rgba(180,130,255,.28); border-radius: 22px; background: rgba(20,14,48,.62); box-shadow: 0 0 45px rgba(120,70,255,.12); }
.content-card form { display: grid; gap: .7rem; }
.content-card label { margin-top: .6rem; font-weight: 600; }
.content-card input, .content-card select, .content-card textarea { width: 100%; box-sizing: border-box; padding: .85rem 1rem; border-radius: 12px; border: 1px solid rgba(190,160,255,.35); background: rgba(8,7,24,.72); color: inherit; font: inherit; }
.content-card textarea { resize: vertical; }
.content-card .button { margin-top: .8rem; }
.legal { max-width: 900px; }
.legal h2 { margin-top: 2.2rem; }
.small { font-size: .9rem; }

/* Star Shee atmospheric whimsy layer — subtle light within the darkness */
:root{--lantern:rgba(255,205,128,.20);--petal:rgba(235,185,255,.22);--crystal:rgba(69,217,209,.20)}

/* A quiet enchanted texture behind content — never competing with text */
main{position:relative}
main:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 8% 18%,rgba(216,58,154,.045),transparent 16%),
  radial-gradient(circle at 92% 34%,rgba(69,217,209,.045),transparent 18%),
  radial-gradient(circle at 50% 82%,rgba(126,82,230,.05),transparent 22%)}
main>*{position:relative;z-index:1}

/* Botanical / crystal corner dressing */
.section,.art-section,.circle-section,.spirit-section,.content-section,.magik-story,.story-section,.paths-section,.create-section,.find-section,.welcome-section,.journey-ending,.explore-section{
  overflow:hidden;
}
.section:before,.art-section:before,.circle-section:before,.spirit-section:before,.content-section:before,.magik-story:before,.story-section:before,.paths-section:before,.create-section:before,.find-section:before,.welcome-section:before,.journey-ending:before,.explore-section:before{
  content:"❈";
  position:absolute;top:30px;right:5%;font-family:Georgia,serif;font-size:2.3rem;color:var(--petal);
  text-shadow:0 0 18px rgba(216,58,154,.35);opacity:.62;transform:rotate(12deg);pointer-events:none;
}
.section:after,.art-section:after,.circle-section:after,.spirit-section:after,.content-section:after,.magik-story:after,.story-section:after,.paths-section:after,.create-section:after,.find-section:after,.welcome-section:after,.journey-ending:after,.explore-section:after{
  /* keep existing dividers where they exist; this rule only adds a soft lower glow */
}

/* Small crystal glints and warm lantern pools, staggered by section */
#meet-star-shee:before,.about-intro:before,.story-section:before,.animals-section:before,.moon-section:before,.energy-section:before,.tarot-section:before,.dreams-section:before,.art-section:before,.circle-section:before,.content-section:before{
  content:"◇";
  font-size:2rem;color:rgba(167,238,235,.34);right:8%;top:44px;transform:rotate(45deg);
  text-shadow:0 0 20px rgba(69,217,209,.35);
}

#meet-star-shee:after,.about-intro:after,.story-section:after,.animals-section:after,.moon-section:after,.energy-section:after,.tarot-section:after,.dreams-section:after,.art-section:after,.circle-section:after,.content-section:after{
  content:"";position:absolute;left:auto;right:3%;bottom:10%;width:110px;height:150px;pointer-events:none;opacity:.48;
  background:radial-gradient(circle at 50% 42%,rgba(255,214,145,.34),transparent 22%),radial-gradient(circle at 50% 55%,rgba(255,190,110,.12),transparent 42%);
  filter:blur(1px);
}

/* A few botanical petals — sparse enough to feel found rather than placed */
.paths-section:after,.create-section:after,.find-section:after,.welcome-section:after,.journey-ending:after,.explore-section:after{
  content:"✿  ·  ✦";position:absolute;left:4%;bottom:11%;font-size:1.35rem;letter-spacing:.65rem;color:rgba(235,185,255,.28);
  text-shadow:0 0 18px rgba(216,58,154,.25);pointer-events:none;
}

/* Warm light around the Join the Circle invitation */
#join-the-circle{box-shadow:inset 0 90px 120px -120px rgba(255,210,145,.18),inset 0 -80px 110px -100px rgba(216,58,154,.10)}
.circle-hero,.art-hero,.spirit-hero,.about-hero,.magik-hero{overflow:hidden}
.circle-hero:after,.art-hero:after,.about-hero:after,.magik-hero:after,.spirit-hero:after{
  box-shadow:0 -20px 80px rgba(255,203,133,.08);pointer-events:none;
}

/* Subtle luminous framing around cards */
.portal,.circle-card,.art-card,.spirit-path-card,.animal-card,.sign-card,.nature-grid article,.energy-grid article,.tarot-grid article,.dreams-grid article,.path-card,.content-card{
  box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 0 28px rgba(126,82,230,.045),0 0 0 1px rgba(255,255,255,.012);
}

/* Magik Journey gets the richest forest atmosphere, while keeping the locked cover untouched */
.magik-story{background-image:
  radial-gradient(circle at 12% 70%,rgba(69,217,209,.10),transparent 20%),
  radial-gradient(circle at 88% 28%,rgba(216,58,154,.10),transparent 22%),
  radial-gradient(circle at 50% 50%,rgba(126,82,230,.13),transparent 38%),
  linear-gradient(180deg,#0b0920,#100a23)}
.magik-story .story-card{box-shadow:0 22px 55px rgba(0,0,0,.34),0 0 38px rgba(126,82,230,.08),inset 0 0 30px rgba(255,205,128,.035)}

/* Keep legal pages elegant and restrained */
.content-section.legal:before{content:"✦";font-size:1.5rem;color:rgba(235,185,255,.24);top:32px;right:8%}
.content-section.legal:after{content:"";position:absolute;right:4%;bottom:12%;width:90px;height:120px;background:radial-gradient(circle,rgba(255,205,128,.18),transparent 58%);filter:blur(2px);pointer-events:none}

@media(max-width:850px){
  .section:before,.art-section:before,.circle-section:before,.spirit-section:before,.content-section:before,.magik-story:before,.story-section:before,.paths-section:before,.create-section:before,.find-section:before,.welcome-section:before,.journey-ending:before,.explore-section:before{top:22px;right:6%;font-size:1.7rem}
  .paths-section:after,.create-section:after,.find-section:after,.welcome-section:after,.journey-ending:after,.explore-section:after{left:5%;bottom:8%;font-size:1rem;letter-spacing:.35rem}
  #meet-star-shee:after,.about-intro:after,.story-section:after,.animals-section:after,.moon-section:after,.energy-section:after,.tarot-section:after,.dreams-section:after,.art-section:after,.circle-section:after,.content-section:after{right:-15px;bottom:7%;width:75px;height:100px}
}

/* ==========================================================
   STAR SHEE — VISIBLE MAGIK ATMOSPHERE
   Real decorative elements, not just background hints.
   ========================================================== */
.magic-decor{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.magic-decor img{position:absolute;display:block;user-select:none}
.magic-vine{width:270px;opacity:.62;filter:drop-shadow(0 0 12px rgba(116,86,255,.22))}
.vine-a{left:-55px;top:7%}
.vine-b{right:-55px;bottom:8%;transform:scaleX(-1) rotate(8deg);opacity:.48}
.magic-flower{width:135px;opacity:.78;filter:drop-shadow(0 0 18px rgba(239,92,190,.28))}
.flower-a{left:2.5%;bottom:17%;transform:rotate(-8deg)}
.magic-crystal{width:82px;opacity:.76;filter:drop-shadow(0 0 16px rgba(76,224,219,.34))}
.crystal-a{right:4%;top:19%;transform:rotate(8deg)}
.magic-lantern{width:86px;opacity:.82;filter:drop-shadow(0 0 28px rgba(255,190,105,.32))}
.lantern-a{right:7%;bottom:13%}

/* Home: welcoming, balanced, and luminous */
.magic-decor-home .vine-a{top:15%;opacity:.38}
.magic-decor-home .vine-b{bottom:10%;opacity:.3}
.magic-decor-home .flower-a{left:4%;bottom:20%;width:115px}
.magic-decor-home .crystal-a{right:6%;top:42%;width:68px}
.magic-decor-home .lantern-a{right:4%;bottom:25%;width:72px}

/* About: moonlit garden */
.magic-decor-about .vine-a{top:5%;left:-35px;width:310px}
.magic-decor-about .vine-b{right:-40px;bottom:4%;width:310px}
.magic-decor-about .flower-a{bottom:24%;left:3%;width:145px}
.magic-decor-about .crystal-a{top:31%;right:6%;width:90px}
.magic-decor-about .lantern-a{bottom:22%;right:8%;width:94px}

/* Spirituality: botanical, earthy, luminous */
.magic-decor-spirit .vine-a{top:10%;left:-45px;width:300px;opacity:.7}
.magic-decor-spirit .vine-b{bottom:15%;right:-45px;width:300px}
.magic-decor-spirit .flower-a{left:5%;bottom:28%;width:120px}
.magic-decor-spirit .crystal-a{right:5%;top:27%;width:88px}
.magic-decor-spirit .lantern-a{right:9%;bottom:25%;width:82px}

/* Journey: deepest Mystikal Forest atmosphere */
.magic-decor-journey .vine-a{left:-50px;top:4%;width:340px;opacity:.65}
.magic-decor-journey .vine-b{right:-50px;bottom:4%;width:340px;opacity:.55}
.magic-decor-journey .flower-a{left:2%;bottom:19%;width:150px}
.magic-decor-journey .crystal-a{right:4%;top:23%;width:96px}
.magic-decor-journey .lantern-a{right:8%;bottom:18%;width:92px}

/* Art: playful studio-garden energy */
.magic-decor-art .vine-a{left:-65px;top:9%;width:300px}
.magic-decor-art .vine-b{right:-65px;bottom:11%;width:300px}
.magic-decor-art .flower-a{left:4%;bottom:18%;width:145px}
.magic-decor-art .crystal-a{right:6%;top:25%;width:82px}
.magic-decor-art .lantern-a{right:5%;bottom:21%;width:88px}

/* Join: warmest, coziest clearing */
.magic-decor-circle .vine-a{left:-30px;top:8%;width:300px;opacity:.5}
.magic-decor-circle .vine-b{right:-30px;bottom:5%;width:300px;opacity:.42}
.magic-decor-circle .flower-a{left:4%;bottom:21%;width:155px}
.magic-decor-circle .crystal-a{right:5%;top:30%;width:82px}
.magic-decor-circle .lantern-a{right:7%;bottom:22%;width:105px;opacity:.9}

/* Quiet pages: tiny hints only */
.magic-decor-quiet .magic-vine{width:190px;opacity:.2}
.magic-decor-quiet .vine-a{left:-65px;top:10%}
.magic-decor-quiet .vine-b{right:-65px;bottom:8%}
.magic-decor-quiet .magic-flower{width:85px;opacity:.25}
.magic-decor-quiet .flower-a{left:5%;bottom:15%}
.magic-decor-quiet .magic-crystal{width:52px;opacity:.28}
.magic-decor-quiet .crystal-a{right:6%;top:22%}
.magic-decor-quiet .magic-lantern{width:58px;opacity:.22}
.magic-decor-quiet .lantern-a{right:7%;bottom:14%}

/* Give decorative elements room to breathe and keep content readable */
.hero,.section,.content-section,.art-section,.circle-section,.spirit-section{position:relative}
.hero > *, .section > *, .content-section > *, .art-section > *, .circle-section > *, .spirit-section > *{position:relative;z-index:3}
.magic-decor ~ *{position:relative}
@media(max-width:850px){
  .magic-vine{width:190px}.magic-flower{width:90px}.magic-crystal{width:55px}.magic-lantern{width:62px}
  .magic-decor .vine-a{left:-75px}.magic-decor .vine-b{right:-75px}
  .magic-decor .flower-a{left:2%;bottom:12%}.magic-decor .crystal-a{right:2%;top:24%}.magic-decor .lantern-a{right:3%;bottom:10%}
}
@media(prefers-reduced-motion:no-preference){
  .magic-flower{animation:magic-float 7s ease-in-out infinite}
  .magic-crystal{animation:magic-twinkle 5s ease-in-out infinite}
  .magic-lantern{animation:magic-breathe 5s ease-in-out infinite}
}
@keyframes magic-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(-5deg)}}
@keyframes magic-twinkle{0%,100%{opacity:.62;filter:drop-shadow(0 0 10px rgba(76,224,219,.2))}50%{opacity:.9;filter:drop-shadow(0 0 22px rgba(76,224,219,.5))}}
@keyframes magic-breathe{0%,100%{opacity:.72}50%{opacity:.95}}
/* Keep the atmosphere behind the readable page layers. */
main>.magic-decor{z-index:1}
main>section, main>.content-section{z-index:2}

/* ==========================================================
   STAR SHEE — CIRCLE CONFIRMATION
   A branded landing page for confirmed subscribers.
   ========================================================== */
.circle-confirmed-page{min-height:calc(100svh - 260px);position:relative;overflow:hidden;background:
  radial-gradient(circle at 50% 22%,rgba(216,58,154,.20),transparent 25%),
  radial-gradient(circle at 28% 58%,rgba(111,53,200,.13),transparent 24%),
  radial-gradient(circle at 75% 68%,rgba(69,217,209,.08),transparent 22%),
  linear-gradient(180deg,#080714 0%,#10091f 54%,#160c27 100%);
}
.circle-confirmed-hero{min-height:calc(100svh - 260px);display:grid;place-items:center;text-align:center;padding:150px 24px 100px;position:relative;isolation:isolate}
.circle-confirmed-inner{max-width:820px;margin:auto;position:relative;z-index:3}
.circle-confirmed-sigil{font-size:1.35rem;letter-spacing:.55em;color:#e8a8e7;text-shadow:0 0 20px rgba(216,58,154,.45);margin-bottom:24px}
.circle-confirmed-hero h1{font-size:clamp(3.2rem,8vw,6.5rem);margin-bottom:20px;color:#fff}
.circle-confirmed-lede{max-width:700px;margin:0 auto 34px;color:#eeeafa;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.7}
.circle-confirmed-card{max-width:700px;margin:0 auto 38px;padding:30px clamp(24px,5vw,54px);border:1px solid rgba(255,255,255,.17);border-radius:24px;background:linear-gradient(145deg,rgba(216,58,154,.16),rgba(111,53,200,.14) 55%,rgba(13,10,32,.55));box-shadow:0 25px 70px rgba(0,0,0,.42),0 0 55px rgba(216,58,154,.10),inset 0 0 32px rgba(255,255,255,.025);backdrop-filter:blur(7px)}
.circle-confirmed-card p{margin:0 auto 18px;color:#e9e5f4;font-size:1.02rem;line-height:1.75}
.circle-confirmed-card p:first-child{font:1.45rem/1.4 var(--heading);color:#fff}
.circle-confirmed-card p:last-child{margin-bottom:0}
.circle-confirmed-signoff{margin-top:26px!important;color:#cfc8dd!important}
.circle-confirmed-signoff span{color:#fff;font-family:var(--heading);font-size:1.15rem}
.circle-confirmed-page .button{margin-top:4px}
.circle-confirmed-page .magic-decor{z-index:1}
@media(max-width:850px){
  .circle-confirmed-hero{padding:125px 22px 75px}
  .circle-confirmed-card{padding:25px 22px}
  .circle-confirmed-sigil{letter-spacing:.35em}
}