:root{--bg:#0c0d16;--surface:#151724;--panel:#1c1d2d;--stroke:rgba(221,209,171,.14);--gold:#c9ae78;--gold-light:#e2ce9c;--text:#f4efe5;--muted:#a9a8b8;--display:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--sans);background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}::selection{background:#bca06c;color:#111}.shell{width:min(1200px,calc(100% - 56px));margin:auto}.glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(110px);z-index:-1}.glow-a{width:640px;height:640px;top:200px;right:-260px;background:#43325132}.glow-b{width:560px;height:560px;top:850px;left:-260px;background:#2d315627}.topbar{height:82px;border-bottom:1px solid var(--stroke);background:#10101acf;position:sticky;top:0;z-index:40;backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:750;letter-spacing:.16em;font-size:19px;display:flex;align-items:center;white-space:nowrap}.brand small{font-size:9px;letter-spacing:.17em;color:var(--gold);align-self:flex-end;margin:0 0 3px 5px}.brandmark{color:var(--gold);font-size:37px;font-weight:300;margin-right:11px}.brand-dot{color:var(--gold)}.desktop-nav{display:flex;gap:30px;align-items:center}.desktop-nav a{font-size:13px;color:#c0bdca;transition:color .2s}.desktop-nav a:hover,.desktop-nav .active{color:var(--gold-light)}.nav-right{display:flex;align-items:center;gap:20px}.nav-star{color:var(--gold);font-size:22px}.outline-btn,.btn-secondary{border:1px solid #8e805e68;color:var(--text);padding:12px 19px;border-radius:4px;background:transparent;font-size:13px;display:inline-flex;justify-content:center}.outline-btn:hover,.btn-secondary:hover{border-color:var(--gold)}.menu-toggle,.mobile-nav{display:none}.eyebrow,.kicker{color:var(--gold);letter-spacing:.22em;font-size:10px;font-weight:750;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px}.eyedot{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 17px var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.035em}em{font-family:var(--display);color:var(--gold-light);font-weight:400}h1{font-size:clamp(48px,6.2vw,86px);line-height:1.13}h2{font-size:clamp(34px,3.6vw,52px);line-height:1.16}h3{font-size:23px;font-weight:500;letter-spacing:-.02em}.hero{min-height:790px;position:relative;padding-top:156px;isolation:isolate}.hero h1{position:relative;z-index:2;max-width:780px;margin:26px 0}.hero>p{max-width:535px;line-height:1.9;color:var(--muted);font-size:15px;position:relative;z-index:2}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:34px;position:relative;z-index:2}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--gold);color:#15141a;border:1px solid var(--gold);padding:16px 24px;border-radius:3px;font-weight:650;font-size:13px;transition:background .25s,transform .25s;text-align:center}.btn-primary:hover{background:#e0c68e;transform:translateY(-2px)}.btn-ghost{color:#e3ded4;border-bottom:1px solid #9f9378;padding:10px 0;font-size:13px}.btn-ghost span{margin-left:24px}.celestial-art{position:absolute;right:-58px;top:55px;width:650px;height:650px;z-index:0;pointer-events:none}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(204,178,124,.2);border-radius:50%}.orbit-1{width:570px;height:570px}.orbit-2{width:455px;height:455px;border-style:dotted;animation:spin 65s linear infinite}.orbit-3{width:315px;height:315px;box-shadow:0 0 75px #bd9b5c20,inset 0 0 90px #99734a13}.orbit-1:after,.orbit-2:after{content:'';position:absolute;width:7px;height:7px;background:var(--gold);border-radius:50%;top:16%;left:15%;box-shadow:0 0 22px var(--gold)}.cosmic-symbol{font-size:230px;font-family:var(--display);position:absolute;top:165px;left:234px;color:#d4bd85;text-shadow:0 0 100px #e0ad62a3;transform:rotate(-12deg);animation:float 8s ease-in-out infinite}.star{position:absolute;color:#ddc797}.s1{top:75px;left:290px;font-size:24px}.s2{right:78px;top:250px;font-size:30px}.s3{bottom:112px;left:95px;font-size:24px}.s4{bottom:130px;right:125px}.art-label{position:absolute;font-size:9px;letter-spacing:.24em;color:#a9a3a3}.art-label.top{top:110px;right:5px}.art-label.bottom{bottom:100px;right:25px}.hero-foot{position:absolute;bottom:43px;left:0;display:flex;gap:26px;align-items:center;color:#888898;letter-spacing:.18em;font-size:10px}.hero-foot span{color:var(--gold);font-size:20px}.section{padding-top:85px;padding-bottom:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading h2{margin:12px 0 0}.section-heading>p{max-width:350px;line-height:1.9;color:var(--muted);font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:295px;background:linear-gradient(150deg,#1c1c2a,#11131f);border:1px solid var(--stroke);border-radius:8px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,border .3s,box-shadow .3s;position:relative;overflow:hidden}.feature-card:before{content:'';position:absolute;width:210px;height:210px;border:1px solid #d1b7810f;border-radius:50%;right:-75px;top:-90px}.feature-card:hover{transform:translateY(-6px);border-color:#ccab6f77;box-shadow:0 15px 50px #0005}.feature-top,.feature-bottom{display:flex;justify-content:space-between;align-items:center}.feature-icon{color:var(--gold-light);font-family:serif;font-size:44px}.pill{font-size:10px;color:#b1a58f;background:#74664726;border:1px solid #a58d5530;padding:7px 9px;border-radius:99px}.feature-number{font-size:10px;letter-spacing:.14em;color:#9a907b}.feature-card h3{margin:12px 0 9px;font-family:var(--display);font-size:29px}.feature-card p{margin:0;color:var(--muted);line-height:1.65;font-size:12px;max-width:295px}.feature-bottom{padding-top:15px;border-top:1px solid var(--stroke);font-size:12px;color:#b2a996}.feature-bottom span:last-child{font-size:19px;color:var(--gold)}.spotlight{background:radial-gradient(circle at 80% 35%,#35314a 0,transparent 47%),linear-gradient(125deg,#1b1c2b,#11121d);border:1px solid var(--stroke);min-height:455px;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 70px;overflow:hidden}.spotlight h2{margin:17px 0}.spotlight p:not(.kicker){color:var(--muted);line-height:1.9;max-width:420px;font-size:14px}.spotlight .btn-primary{margin-top:15px}.spotlight-cards{position:relative;height:310px}.art-card{position:absolute;top:30px;left:50%;width:170px;height:265px;background:radial-gradient(ellipse at center,#423a50,#171a2d 70%);border:2px solid #c4a971;border-radius:7px;box-shadow:0 13px 24px #0009;display:grid;place-items:center;outline:1px solid #957a4d;outline-offset:-13px}.art-card span{color:#ceb37d;font-size:105px;font-family:serif}.art-card-left{transform:translateX(-94%) rotate(-19deg);opacity:.78}.art-card-middle{transform:translateX(-40%) rotate(0deg);z-index:2;top:12px}.art-card-right{transform:translateX(18%) rotate(19deg);opacity:.78}.how{text-align:center}.steps{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:left}.steps article{border-top:1px solid #c8a96b75;padding-top:25px}.steps span{color:var(--gold);font-family:var(--display);font-size:27px}.steps h3{margin:15px 0 10px}.steps p{color:var(--muted);font-size:13px;line-height:1.8}.footer{margin-top:80px;border-top:1px solid var(--stroke);background:#0b0c14}.footer-top{padding:60px 0;display:flex;justify-content:space-between;gap:50px}.footer-top p{margin-top:20px;color:var(--muted);font-size:13px;line-height:1.9}.footer-links{display:flex;gap:90px}.footer-links>div{display:flex;flex-direction:column;gap:15px;font-size:13px}.footer-links b{color:var(--gold);font-weight:600}.footer-links a{color:var(--muted)}.footer-bottom{border-top:1px solid var(--stroke);padding:23px 0;display:flex;justify-content:space-between;color:#858493;font-size:11px}.page-intro{padding-top:90px;padding-bottom:58px}.page-intro.center{text-align:center}.page-intro h1{font-size:clamp(45px,5.5vw,74px);margin:18px auto 20px;max-width:850px}.page-intro>p:not(.kicker){color:var(--muted);line-height:1.9;max-width:680px;margin:auto;font-size:14px}.tarot-workspace{border:1px solid var(--stroke);border-radius:10px;background:#141622;padding:34px}.workspace-head{display:flex;justify-content:space-between;align-items:center}.workspace-head h2{font-size:28px;margin:12px 0 24px}.small-badge{color:var(--gold);font-size:11px;letter-spacing:.1em}.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}.choices label,.tool-form label,.auth-form label{display:flex;flex-direction:column;gap:10px;color:#d5d0c7;font-size:12px}.choices select,input{width:100%;border:1px solid #5d5767;background:#1c1d2d;color:#f4eddb;border-radius:4px;padding:14px;min-height:46px;outline:none}.choices select:focus,input:focus{border-color:var(--gold)}.reading-table{min-height:480px;margin-top:28px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#282538 0%,#171724 62%,#10121d 100%);border:1px solid var(--stroke);border-radius:9px;overflow:hidden;padding:30px}.reading-circle{position:absolute;border:1px solid #c6a87628;border-radius:50%;width:450px;height:450px;pointer-events:none}.reading-circle:after{content:'';position:absolute;inset:55px;border:1px dashed #bd9c6c3f;border-radius:50%}.deck-preview{position:relative;z-index:2;margin-bottom:20px}.tarot-back,.mini-card{width:120px;height:188px;border:2px solid var(--gold);outline:1px solid #9b814e;outline-offset:-10px;background:radial-gradient(ellipse,#433b53,#161725);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 35px #0008}.tarot-back span{color:var(--gold-light);font-size:82px}.tarot-back small{color:var(--gold);letter-spacing:.25em;font-size:9px}.reading-table>p{position:relative;z-index:2;color:var(--muted);font-size:12px;text-align:center}.reading-table>button{position:relative;z-index:2}.draw-result{position:relative;z-index:2;width:100%;margin-top:30px}.draw-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.draw-card{width:200px;background:#1a1b2b;border:1px solid #a68a5c48;border-radius:7px;padding:14px;text-align:center;animation:rise .6s ease both}.draw-card .mini-card{margin:0 auto 14px;width:94px;height:139px;font-size:48px;color:var(--gold)}.draw-card small{color:var(--gold);letter-spacing:.08em}.draw-card h3{font-size:20px;font-family:var(--display);margin:8px 0}.draw-card p{color:var(--muted);font-size:12px;line-height:1.6}.draw-card .orientation{color:#b6aa91}.result-footer{text-align:center;margin-top:22px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.simple-workspace{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:stretch;min-height:430px}.form-panel{padding:46px;background:#161724;border:1px solid var(--stroke);border-radius:8px}.form-panel h2{font-size:36px;margin:20px 0}.form-panel p:not(.kicker){color:var(--muted);font-size:13px;line-height:1.8}.tool-form{display:grid;gap:20px;margin-top:24px;max-width:420px}.tool-result{margin-top:26px}.tool-result .result-box{padding:26px;background:#242538;border:1px solid #bd9e6439;border-radius:8px}.result-box h3{font-family:var(--display);font-size:32px;color:var(--gold)}.result-box p{line-height:1.8}.aside-art{border:1px solid var(--stroke);border-radius:8px;background:radial-gradient(circle,#343047,#10111c 70%);display:flex;flex-direction:column;align-items:center;justify-content:center}.aside-art span{font-family:var(--display);font-size:210px;color:#d2b780;text-shadow:0 0 100px #b99d7666}.aside-art p{color:var(--gold);font-size:10px;letter-spacing:.27em}.coming-panel{border:1px solid var(--stroke);padding:70px 35px;text-align:center;background:radial-gradient(circle at center,#282335,#11121c 65%);border-radius:8px}.coming-symbol{font-size:90px;color:var(--gold)}.coming-panel h2{max-width:740px;margin:20px auto}.coming-panel p:not(.kicker){max-width:620px;margin:0 auto 28px;color:var(--muted);line-height:1.85}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{background:#171825;border:1px solid var(--stroke);border-radius:9px;padding:36px}.price-card.accent{border-color:#b89c6a77;background:linear-gradient(135deg,#2a2635,#171825)}.price-card h2{font-size:34px}.price{font-family:var(--display);font-size:45px;color:var(--gold);margin:30px 0}.price small{font-family:var(--sans);font-size:13px;color:var(--muted)}.price-card>p:not(.kicker){min-height:60px;color:var(--muted);line-height:1.8;font-size:14px}.btn-disabled{background:#494452;color:#ddd2bc;display:inline-block;padding:15px 18px;border-radius:4px;font-size:13px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:580px;margin-top:70px}.auth-art{background:radial-gradient(circle,#3a304c,#121421 70%);border:1px solid var(--stroke);border-radius:8px;padding:50px;display:flex;flex-direction:column;justify-content:center}.auth-art span{font-size:115px;color:var(--gold)}.auth-art h2{max-width:390px}.auth-art p{color:var(--muted)}.auth-panel{padding:50px;background:#191a29;border:1px solid var(--stroke);border-radius:8px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--stroke);margin-bottom:35px}.tab{border:0;border-bottom:2px solid transparent;color:#aaa;background:none;padding:16px 3px}.tab.active{color:var(--gold);border-color:var(--gold)}.auth-form{display:grid;gap:22px}.hidden{display:none!important}.form-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:20px}.account-layout,.report-page,.legal{padding-top:85px;min-height:460px}.account-layout h1,.report-page h1,.legal h1{font-size:62px}.account-welcome{padding:26px;border:1px solid var(--stroke);background:var(--surface);display:flex;justify-content:space-between;gap:20px;align-items:center;border-radius:8px}.account-welcome h2{font-size:28px;margin:0 0 8px}.account-welcome p{color:var(--muted);margin:0}.subheading{margin-top:45px;font-size:32px}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.history-card{background:#191b2a;border:1px solid var(--stroke);padding:25px;border-radius:8px}.history-card span,.history-card small{font-size:11px;color:var(--gold)}.history-card p{font-size:12px;color:var(--muted)}.report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:30px 0}.report-card{border:1px solid var(--stroke);background:#191a29;padding:25px;border-radius:8px}.report-card .mini-card{width:85px;height:126px;margin-bottom:22px;font-size:58px;color:var(--gold)}.report-card h3{font-family:var(--display);font-size:26px;margin:10px 0}.report-card p,.detail p{font-size:13px;color:var(--muted);line-height:1.8}.paywall{padding:45px;text-align:center;background:#1b1b2b;border:1px solid #bda36a65;border-radius:9px}.paywall>span{font-size:40px;color:var(--gold)}.paywall h2{margin:15px}.paywall p{color:var(--muted);max-width:650px;margin:0 auto 25px;line-height:1.8}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-stats article{background:#191a28;padding:28px;display:grid;gap:12px;border:1px solid var(--stroke)}.admin-stats b{font-size:40px;color:var(--gold)}.admin-stats span{font-size:13px;color:var(--muted)}.admin-box{background:#171825;border:1px solid var(--stroke);padding:30px;margin-top:26px;border-radius:8px}.admin-box h2{font-size:26px}.admin-box p{color:var(--muted);font-size:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th,td{padding:13px;border-bottom:1px solid var(--stroke)}td{color:var(--muted)}.legal{max-width:800px}.legal p{color:var(--muted);line-height:1.9}.legal h2{font-size:30px;margin-top:40px}#toast{position:fixed;bottom:25px;right:25px;z-index:99;max-width:440px;padding:16px 22px;border:1px solid var(--gold);background:#282337;color:#fff;display:none;border-radius:5px;font-size:13px;box-shadow:0 10px 40px #000a}#toast.show{display:block}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{50%{transform:translateY(-18px) rotate(-12deg)}}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.desktop-nav{gap:16px}.celestial-art{right:-190px;opacity:.55}.hero{min-height:710px}}@media(max-width:840px){.desktop-nav{display:none}.menu-toggle{display:inline-flex;color:var(--gold);border:0;background:none;font-size:26px}.mobile-nav.show{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;background:#151624;padding:25px 28px;border-bottom:1px solid var(--stroke)}.mobile-nav a{font-size:13px}.celestial-art{right:-280px;opacity:.3}.hero{min-height:620px;padding-top:115px}.hero h1{max-width:650px}.feature-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading>p{margin-top:20px}.spotlight{padding:40px;grid-template-columns:1fr}.spotlight-cards{display:none}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.simple-workspace{grid-template-columns:1fr}.aside-art{min-height:270px}.aside-art span{font-size:155px}}@media(max-width:600px){.shell{width:min(100% - 34px,1200px)}.topbar{height:70px}.brand{font-size:17px}.brandmark{font-size:30px}.nav-star{display:none}.nav-right{gap:12px}.outline-btn{padding:9px;font-size:11px}.hero{padding-top:91px;min-height:600px}.hero h1{font-size:49px}.hero>p{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.celestial-art{width:450px;height:450px;right:-330px;top:160px}.hero-foot{bottom:30px}.section{padding:55px 0}.section-heading h2,.how h2{font-size:37px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:255px}.steps{grid-template-columns:1fr;gap:20px}.spotlight{padding:35px 25px}.spotlight h2{font-size:38px}.footer-top,.footer-bottom{flex-direction:column;gap:25px}.footer-links{gap:55px}.page-intro{padding-top:60px;padding-bottom:35px}.page-intro h1{font-size:45px}.tarot-workspace{padding:19px}.workspace-head{align-items:start}.workspace-head h2{font-size:24px}.choices{grid-template-columns:1fr}.reading-table{min-height:400px;padding:20px 10px}.reading-circle{width:345px;height:345px}.draw-card{width:min(100%,280px)}.simple-workspace{gap:20px}.form-panel{padding:25px}.aside-art{min-height:190px}.aside-art span{font-size:105px}.price-grid{grid-template-columns:1fr}.auth-panel{padding:25px}.auth-layout{margin-top:30px}.history-grid,.admin-stats{grid-template-columns:1fr}.account-layout h1,.report-page h1,.legal h1{font-size:45px}.account-welcome{flex-direction:column;align-items:start}.report-cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* MYSTIC STUDIO 2.0 — design system, responsive typography, premium motion */
:root{--bg:#080b14;--surface:#101624;--panel:#171d30;--stroke:rgba(206,188,148,.19);--gold:#d5b777;--gold-light:#efdcaf;--text:#faf5ed;--muted:#b8bacb;--display:'DM Sans','Segoe UI',Arial,sans-serif;--sans:'DM Sans','Segoe UI',Arial,sans-serif}
html{scroll-padding-top:88px}body{font-synthesis:none;background:radial-gradient(ellipse at 80% 0%,#201933 0%,transparent 37%),radial-gradient(ellipse at 0% 40%,#161e31 0%,transparent 40%),#080b14;line-height:1.65}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:-1;background-image:radial-gradient(#e9c98a 0.55px,transparent .8px);background-size:59px 71px;background-position:12px 5px}
h1,h2,h3,em{font-family:var(--display)!important;word-break:normal;overflow-wrap:normal;hyphens:none;font-synthesis:none}h1,h2{font-weight:500;letter-spacing:-.047em}h1{line-height:1.2}h2{line-height:1.28}em{font-style:normal;font-weight:600;background:linear-gradient(115deg,#fbe2a3,#c59a63);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}p{overflow-wrap:break-word}
.shell{width:min(1280px,calc(100% - 64px))}.topbar{height:80px;background:#080c18d9;transition:box-shadow .3s,border-color .3s}.topbar.scrolled{box-shadow:0 18px 48px #0006;border-color:#e4c59033}.brand{font-family:'Montserrat',sans-serif;letter-spacing:.12em}.brandmark{filter:drop-shadow(0 0 12px #e2b96670)}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';height:1px;position:absolute;bottom:-10px;left:0;right:100%;background:var(--gold);transition:right .3s}.desktop-nav a:hover:after{right:0}
.hero{min-height:750px;padding-top:140px}.hero h1{font-size:clamp(46px,6.6vw,96px);max-width:780px;letter-spacing:-.06em}.hero>p{font-size:16px;max-width:580px}.celestial-art{right:-45px;top:65px;filter:drop-shadow(0 0 60px #bd986d33)}.orbit-1{border-style:dashed;animation:spin 120s linear infinite}.orbit-3{animation:spin 90s linear infinite reverse}.cosmic-symbol{text-shadow:0 0 130px #e0b67b70}.btn-primary{border-radius:99px;padding:16px 25px;box-shadow:0 12px 33px #b48d4340}.btn-primary:hover{box-shadow:0 16px 48px #b48d435d}.outline-btn,.btn-secondary{border-radius:99px}.section{padding-top:110px;padding-bottom:80px}.feature-grid{gap:20px}.feature-card{min-height:350px;padding:32px;border-radius:20px;background:radial-gradient(circle at var(--mx,90%) var(--my,0%),#56426955,transparent 46%),linear-gradient(155deg,#192033,#0e1422 86%);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 28px 75px #0007}.feature-icon{font-size:54px}.feature-card h3{font-family:var(--display);font-weight:600;font-size:27px}.feature-card p{font-size:13px}.pill{background:#d6b77b16}.spotlight{border-radius:24px;min-height:520px}.art-card{border-radius:12px;box-shadow:0 26px 60px #000a}.spotlight:hover .art-card-left{transform:translateX(-110%) rotate(-25deg)}.spotlight:hover .art-card-right{transform:translateX(32%) rotate(25deg)}.art-card{transition:transform .7s cubic-bezier(.22,1,.36,1)}.steps article{padding-top:30px}.footer{background:#070a12}.page-intro{padding-top:112px}.tarot-workspace,.form-panel,.coming-panel,.price-card,.auth-panel,.auth-art,.paywall,.admin-box{border-radius:20px}.reading-table{border-radius:18px}.tarot-back{animation:levitate 5s ease-in-out infinite}.draw-card{border-radius:14px;transition:transform .3s}.draw-card:hover{transform:translateY(-5px)}input:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #e9c98a;outline-offset:3px}.will-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.will-reveal.in-view{opacity:1;transform:none}@keyframes levitate{50%{transform:translateY(-10px) rotate(1deg)}}
@media(max-width:840px){.celestial-art{right:-220px;opacity:.36}.section{padding-top:80px;padding-bottom:55px}}@media(max-width:600px){.shell{width:min(100% - 36px,1280px)}.hero{padding-top:99px;min-height:640px}.hero h1{font-size:clamp(43px,10vw,60px);line-height:1.22}.hero>p{font-size:14px}.section{padding-top:65px;padding-bottom:50px}.section-heading h2,.how h2{font-size:clamp(30px,8vw,40px);line-height:1.3}.feature-card{min-height:280px;padding:25px}.spotlight{padding:35px 25px;min-height:340px}.spotlight h2{font-size:clamp(32px,8vw,40px)}.page-intro h1{font-size:clamp(38px,9vw,49px);line-height:1.24}.footer-links{gap:32px}.nav-right{gap:8px}.celestial-art{right:-310px;opacity:.27}.reading-table{min-height:420px}}
@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}.tarot-back,.orbit-1,.orbit-2,.orbit-3{animation:none!important}}
.hexagram{display:flex;flex-direction:column-reverse;gap:10px;margin:25px auto;max-width:210px}.hex-line{display:flex;gap:16px;justify-content:center;height:12px}.hex-line span{height:12px;background:var(--gold);border-radius:2px}.hex-line .yang{width:170px}.hex-line .yin{width:77px}


/* MYSTIC STUDIO V3 — editorial celestial visual system */
:root{--ink:#090b14;--gold:#d8bc88;--gold-soft:#e5d6b8;--violet:#9d83d8;--muted:#afaec2}html{scroll-behavior:smooth}body{font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;background:#090b14;color:#f5efe7;overflow-x:hidden}h1,h2,h3{overflow-wrap:normal;word-break:normal}h1 em,h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.045em;display:inline-block;max-width:100%}h1,h2{letter-spacing:-.05em}a,button{transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease}.topbar{background:rgba(10,12,24,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(219,197,153,.11)}.topbar.scrolled{background:rgba(8,9,17,.94)}.brand{letter-spacing:.16em;font-weight:800}.brandmark{color:#d8bc88}.btn-primary{background:#d3b781!important;color:#111120!important;border-color:#d3b781!important;box-shadow:0 12px 40px #c4a36b24}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 60px #c4a36b45}.btn-ghost:hover,.outline-btn:hover{transform:translateY(-2px)}.starscape{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;background-image:radial-gradient(1px 1px at 10% 23%,#fff 95%,transparent),radial-gradient(1px 1px at 31% 68%,#fff 95%,transparent),radial-gradient(1px 1px at 66% 31%,#d9b67e 95%,transparent),radial-gradient(2px 2px at 87% 76%,#fff 95%,transparent),radial-gradient(1px 1px at 54% 83%,#bba3e8 95%,transparent);background-size:240px 260px}.reading-progress{position:fixed;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#8c70ca,#e5c48a);z-index:9999;pointer-events:none}.hero{min-height:clamp(720px,92vh,1020px);display:grid!important;grid-template-columns:1.06fr .94fr;position:relative;align-items:center;gap:1rem;padding-top:95px;padding-bottom:95px}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(3.3rem,6.2vw,7.6rem);line-height:1.14;letter-spacing:-.063em;max-width:900px;margin:.45em 0 .27em}.hero h1 em{color:#d9bf91;white-space:normal}.hero p{max-width:570px;font-size:clamp(1rem,1.3vw,1.19rem);line-height:1.9;color:#b4b2c2}.eyebrow,.kicker{letter-spacing:.23em;text-transform:uppercase;color:#d7bb89}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:48px;color:#b3a8a0;font-size:.8rem;letter-spacing:.07em}.proof-orb{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d8bc8860;border-radius:50%;color:#d8bc88}.hero-visual{height:min(680px,62vw);min-height:430px;position:relative;isolation:isolate;display:grid;place-items:center}.hero-halo{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle at 50% 52%,#a482c447,#29244465 32%,transparent 70%);filter:blur(7px);animation:breath 6s ease-in-out infinite}.hero-rings{position:absolute;width:96%;aspect-ratio:1;border:1px solid #cbb28733;border-radius:50%;box-shadow:0 0 0 38px #bda67607,0 0 0 78px #d9c18c08;animation:rotate 75s linear infinite}.hero-rings:before,.hero-rings:after{content:'✧';position:absolute;left:50%;top:-12px;color:#e7d4a2;font-size:25px}.hero-rings:after{top:auto;bottom:-12px}.hero-deck-collection{position:relative;width:100%;height:75%;perspective:1500px}.hero-tarot{position:absolute;top:8%;left:30%;width:40%;height:84%;border:5px solid #b99b6b;outline:1px solid #ddc696;box-shadow:0 24px 70px #000b,0 0 65px #a69ad840;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 50% 33%,#56487e,#1c1b35 68%,#080a13);display:flex;align-items:center;justify-content:center}.hero-tarot img{width:100%;height:100%;object-fit:fill;position:absolute;z-index:2}.hero-tarot .card-fallback{font-family:Georgia,serif;font-size:9rem;color:#d8bd80}.ht-one{transform:translate(-53px,10px) rotate(-18deg);animation:floatleft 6.2s ease-in-out infinite}.ht-two{z-index:3;transform:translate(0,-40px) rotate(0);animation:floatcenter 7s ease-in-out infinite}.ht-three{transform:translate(55px,10px) rotate(18deg);animation:floatright 6.5s ease-in-out infinite}.visual-sig{position:absolute;font-size:.65rem;letter-spacing:.35em;color:#d5bf92}.visual-sig.top{top:5%;left:3%}.visual-sig.bottom{right:0;bottom:7%}.spark{position:absolute;font-size:2.1rem;color:#d8b878;animation:twinkle 3s ease-in-out infinite}.spark.sa{left:5%;top:33%}.spark.sb{right:7%;top:24%;animation-delay:1.4s}.hero-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;justify-content:space-between;font-size:.66rem;color:#a79d98;letter-spacing:.18em}.hero-bottom a{color:#d6c5aa;text-decoration:none}.marquee-wrap{overflow:hidden;border-top:1px solid #c6ac7540;border-bottom:1px solid #c6ac7540;background:#14121c;padding:18px 0}.marquee-track{font-size:.75rem;white-space:nowrap;letter-spacing:.38em;color:#d2b785;animation:marquee 33s linear infinite}.feature-grid{gap:19px}.feature-card{min-height:360px!important;background:linear-gradient(160deg,#201d31,#141522 75%);border:1px solid #ded0aa21;border-radius:17px;overflow:hidden;position:relative}.feature-card:hover{transform:translateY(-8px);border-color:#cfb78077}.feature-cover{height:135px;margin:-1px -1px 12px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 85%,#aa809c5c,transparent 55%),linear-gradient(125deg,#2a203e,#10172c)}.feature-1 .feature-cover{background:radial-gradient(circle,#b48e5650,transparent 60%),#26202b}.feature-2 .feature-cover{background:radial-gradient(circle,#7886c65c,transparent 60%),#181d33}.feature-3 .feature-cover{background:radial-gradient(circle,#897cc85c,transparent 60%),#20182d}.feature-4 .feature-cover{background:radial-gradient(circle,#78b7ad55,transparent 60%),#182a32}.feature-5 .feature-cover{background:radial-gradient(circle,#b077755c,transparent 60%),#321c2c}.cover-glyph{font-family:Georgia,serif;font-size:5.4rem;color:#e7d3a7;filter:drop-shadow(0 0 25px #cfb78b65);transition:transform .6s}.feature-card:hover .cover-glyph{transform:scale(1.18) rotate(8deg)}.feature-no{position:absolute;right:16px;top:13px;letter-spacing:.18em;color:#e6cf9b80;font-size:.75rem}.feature-top{padding-top:0!important}.feature-icon{display:none!important}.spotlight{background:linear-gradient(115deg,#211b30,#151725);border:1px solid #e0bf8038;overflow:hidden}.ritual-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center}.ritual-art{height:570px;position:relative;display:grid;place-items:center;border-radius:19px;border:1px solid #d0b98a3a;background:radial-gradient(circle at 50% 50%,#59456e75,#111525 65%),repeating-radial-gradient(circle at center,#dcc69c10 0 2px,transparent 3px 50px)}.ritual-vignette{position:absolute;inset:30px;border:1px solid #e6c99936;border-radius:50%}.ritual-card{width:min(52%,280px);aspect-ratio:.58;transform:rotate(-8deg);background:#17132d;border:6px solid #c9ac79;box-shadow:20px 25px 60px #0008;display:grid;place-items:center;animation:floatcenter 6s infinite ease-in-out}.ritual-card img{width:100%;height:100%;object-fit:fill}.ritual-card span{font-size:8rem;color:#d9b980}.ritual-card img+span{display:none}.ritual-card img[style*="none"]+span{display:block}.ritual-label{position:absolute;bottom:27px;letter-spacing:.3em;color:#c9af82;font-size:.72rem}.ritual-copy h2{font-size:clamp(2.3rem,4vw,4.5rem);line-height:1.2}.ritual-copy p{color:#b4b0c0;line-height:1.9}.ritual-stats{display:flex;gap:30px;margin:30px 0}.ritual-stats div{display:grid;gap:6px}.ritual-stats strong{font-family:Georgia,serif;font-size:2.1rem;color:#e2c692}.ritual-stats span{font-size:.73rem;color:#a7a4b2}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.editorial-tile{position:relative;overflow:hidden;min-height:330px;display:flex;flex-direction:column;justify-content:end;padding:35px;border:1px solid #d7bb8435;border-radius:17px;background:radial-gradient(circle at 70% 16%,#8f7ac33b,transparent 38%),#171828}.editorial-tile:nth-child(2){background:radial-gradient(circle at 70% 16%,#b98f6d35,transparent 40%),#1d1926}.editorial-tile:nth-child(3){background:radial-gradient(circle at 70% 16%,#7a9cba35,transparent 40%),#171e29}.editorial-tile .big-sigil{position:absolute;right:32px;top:10px;font-size:7rem;color:#c8a97650;transition:transform .7s}.editorial-tile:hover .big-sigil{transform:rotate(30deg) scale(1.2)}.editorial-tile small{color:#c8b08d;letter-spacing:.16em}.editorial-tile h3{font-size:1.6rem;line-height:1.3;margin:12px 0}.editorial-tile p{color:#b0aabd;line-height:1.65}.reading-table{background:radial-gradient(circle at 50% 40%,#352945,#151422 72%);border:1px solid #d8bb843e;isolation:isolate}.table-decoration{position:absolute;inset:10%;border:1px solid #dbc18e29;border-radius:50%;pointer-events:none;z-index:-1}.table-star{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10rem;color:#d9c18b0a}.arcana-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.arcana-item{background:#1c1b2b;border:1px solid #bfa57040;border-radius:12px;padding:10px;cursor:pointer;color:#eee4d6;text-align:center;font-size:.8rem}.arcana-photo{width:100%;aspect-ratio:.60;background:linear-gradient(145deg,#473c6c,#1c1933);border:2px solid #a68b59;position:relative;overflow:hidden;margin-bottom:11px;display:grid;place-items:center}.arcana-photo img{position:absolute;width:100%;height:100%;object-fit:fill;z-index:2}.arcana-photo span{font-size:3rem;color:#ebc780}.arcana-item:hover{transform:translateY(-6px);border-color:#dfbf83}.arcana-description{margin-top:25px;padding:22px;border-left:2px solid #c9aa77;color:#d9d1c8;background:#d9c28d0b}.draw-grid{perspective:1500px}.draw-card .mini-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#332e58,#15162b);border:2px solid #bfa56e;aspect-ratio:.75;height:auto;max-height:260px;width:100%;display:grid;place-items:center}.draw-card .mini-card img{width:100%;height:100%;object-fit:contain;background:#12131f}.draw-card{animation:cardarrival .7s both cubic-bezier(.2,.8,.25,1);background:#1c1b2c;border:1px solid #d0b78e33}.reading-table .draw-result{position:relative;z-index:2}.report-card .mini-card{background:#201e32;color:#d5b783}.footer{border-top:1px solid #c4b0842e}.topbar a,.mobile-nav a{white-space:nowrap}body:has(.hero) .topbar{position:relative;z-index:30}@keyframes floatleft{0%,100%{transform:translate(-53px,10px) rotate(-18deg)}50%{transform:translate(-60px,-5px) rotate(-15deg)}}@keyframes floatcenter{0%,100%{transform:translate(0,-40px) rotate(0)}50%{transform:translate(0,-57px) rotate(2deg)}}@keyframes floatright{0%,100%{transform:translate(55px,10px) rotate(18deg)}50%{transform:translate(65px,-3px) rotate(16deg)}}@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes breath{0%,100%{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.07)}}@keyframes marquee{to{transform:translateX(-45%)}}@keyframes cardarrival{from{opacity:0;transform:translateY(55px) rotateY(90deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}@media(max-width:980px){.hero{grid-template-columns:1fr!important;padding-top:70px!important;min-height:unset!important}.hero-visual{min-height:400px;height:500px;max-width:620px;width:100%;margin:auto}.hero-copy{max-width:760px}.hero-bottom{bottom:18px}.ritual-section{grid-template-columns:1fr}.editorial-grid{grid-template-columns:1fr 1fr}.arcana-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.hero{padding-top:60px!important;padding-bottom:70px!important;gap:12px}.hero h1{font-size:clamp(2.65rem,10vw,4.5rem);line-height:1.12}.hero-visual{height:350px;min-height:350px}.hero-tarot{border-width:3px}.hero-bottom{position:relative;bottom:auto;gap:12px;flex-wrap:wrap;padding-top:20px}.hero-proof{margin-top:26px}.ritual-art{height:390px}.ritual-copy h2{font-size:2.2rem}.ritual-stats{gap:16px}.editorial-grid{grid-template-columns:1fr}.arcana-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arcana-item{padding:6px;font-size:.7rem}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:300px!important}.visual-sig{font-size:.48rem}.marquee-track{font-size:.58rem}.hero-deck-collection{height:80%}}@media(prefers-reduced-motion:reduce){.hero-tarot,.hero-halo,.hero-rings,.spark,.ritual-card,.marquee-track{animation:none!important}html{scroll-behavior:auto}}

/* CELESTIAL EDITORIAL 3.5 — additions on top of existing stable components */
:root{--celestial:#0c1022;--violet:#b49bff;--foil:#e1c68c;--radius-lg:24px;--ease-celestial:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Arial",sans-serif}h1,h2,h3,.display{font-family:Georgia,"Times New Roman",serif;overflow-wrap:normal;word-break:normal;line-height:1.18}h1 em,h2 em{display:inline;overflow-wrap:normal}p,span,small{overflow-wrap:break-word}button,input,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #dfbd73;outline-offset:4px}
#mystic-stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.58}.topbar,main,.footer,.mobile-dock{position:relative;z-index:1}.astrolabe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:rgba(219,194,133,.43);fill:none;stroke-width:1;animation:orbit-turn 90s linear infinite}.astrolabe path{opacity:.32}@keyframes orbit-turn{to{transform:rotate(360deg)}}.hero-deck-collection{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .25s var(--ease-celestial);will-change:transform}.hero-tarot img,.mini-card img{object-fit:contain!important}.hero-copy h1{font-size:clamp(2.6rem,6vw,6.8rem);letter-spacing:-.045em}.hero-copy h1 em{background:linear-gradient(120deg,#fff2cd,#d5b77c,#e5d2ff);-webkit-background-clip:text;background-clip:text;color:transparent}.feature-card{transition:transform .35s var(--ease-celestial),border-color .35s}.feature-card:hover{transform:translateY(-6px)}.feature-card:focus-visible{transform:none}
.knowledge-layout,.glossary-section{padding-block:30px 90px}.knowledge-search{display:block;max-width:520px;margin-bottom:32px}.knowledge-search input{display:block;width:100%;padding:15px 18px;margin-top:10px;border:1px solid #65597a;background:#171b30;color:#f4f0e8;border-radius:14px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.knowledge-card,.glossary-grid details{padding:28px;background:linear-gradient(160deg,#21243a,#16192a);border:1px solid rgba(222,194,135,.16);border-radius:20px}.knowledge-card h2{font-size:clamp(1.25rem,2vw,1.75rem);margin:14px 0}.knowledge-card p,.glossary-grid p{color:#cbc6d7;line-height:1.7}.knowledge-card small{color:#d3bc91}.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.glossary-grid summary{cursor:pointer;color:#e5d8b5;font-weight:650}.glossary-grid details p{margin-top:12px}.mobile-dock{display:none}.page-intro{padding-top:90px}
@media(max-width:800px){.knowledge-grid{grid-template-columns:1fr}.glossary-grid{grid-template-columns:1fr}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;z-index:75;background:rgba(17,20,36,.95);border-top:1px solid #514769;padding:12px 10px calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(14px)}.mobile-dock a{font-size:12px;color:#e7d8ae;text-decoration:none;padding:8px}.footer{padding-bottom:90px}.page-intro{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.astrolabe{animation:none!important}.hero-deck-collection,.feature-card{transition:none!important;transform:none!important}#mystic-stars{display:none}}