:root{--bg:#101925;--panel:#152130;--ink:#f1eee7;--muted:#a0a9b3;--gold:#d5b77f;--line:#ffffff15}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}em{color:var(--gold);font-weight:400}button,dialog{color:var(--ink)}.preview{background:#1d2a37;color:#b6bec7;text-align:center;font-size:10px;letter-spacing:1px;padding:7px 14px}.preview span{color:var(--gold);margin:0 10px}header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 48px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font:23px Georgia,serif;white-space:nowrap}.brand-star{font-size:43px;color:var(--gold);line-height:1}.gold{color:var(--gold)}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:3px;color:var(--muted);margin-top:9px}nav{display:flex;gap:32px;font-size:12px;color:#afb8c4}nav .active{color:var(--gold)}nav a:hover,.text-link:hover{color:var(--gold)}.language{background:transparent;border:1px solid #ffffff26;border-radius:25px;padding:8px 14px;font-size:12px;display:flex;gap:10px;align-items:center}main{max-width:1320px;margin:auto}.hero{display:grid;grid-template-columns:1.12fr 1fr;padding:73px 60px 66px;overflow:hidden;min-height:590px;align-items:center;background:radial-gradient(ellipse at 80% 30%,#30415022,transparent 55%)}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);font-weight:600}.tiny-star{font-size:18px;vertical-align:middle;margin-right:9px}h1{font-size:clamp(44px,4.7vw,66px);letter-spacing:-2px;margin:23px 0}h1 em{display:inline-block}.hero-copy>p{color:var(--muted);font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:13px 21px;border-radius:4px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.primary{background:var(--gold);color:#18202b}.primary:hover{background:#e6c995;transform:translateY(-2px)}.text-link{font-size:12px}.text-link span{margin-left:8px}.hero-note{display:flex;align-items:center;gap:12px;color:#8994a3;font-size:10px;letter-spacing:.5px;margin-top:44px}.hero-note>span{font-size:22px;color:var(--gold)}.cosmos{width:440px;height:440px;position:relative;margin:auto;color:var(--gold);background-image:radial-gradient(circle at 17% 33%,#eadcc8 0 1px,transparent 2px),radial-gradient(circle at 80% 14%,#eadcc8 0 1px,transparent 2px),radial-gradient(circle at 87% 70%,#eadcc8 0 1px,transparent 2px),radial-gradient(circle at 9% 79%,#eadcc8 0 1px,transparent 2px)}.orbit{position:absolute;inset:15px;border:1px solid #bfa77940;border-radius:50%}.orbit-1:after{content:'';position:absolute;inset:10px;border:1px dashed #bfa7793a;border-radius:50%}.orbit-2{inset:78px;border-color:#bfa77935}.orbit-3{inset:102px;border-style:dashed;border-color:#bfa77930}.cross-h,.cross-v{position:absolute;left:0;right:0;top:50%;border-top:1px solid #bfa77920;transform:rotate(-25deg)}.cross-v{transform:rotate(65deg)}.zodiac-ring{position:absolute;inset:0;border-radius:50%}.zodiac-ring span{position:absolute;left:calc(50% - 13px);top:calc(50% - 17px);font-size:26px;transform:rotate(var(--a)) translateY(-172px) rotate(calc(-1 * var(--a)));opacity:.8}.moon{width:168px;height:168px;border-radius:50%;position:absolute;top:136px;left:136px;background:radial-gradient(ellipse at 37% 29%,#e2d2ae 0,#b6a17d 25%,#8d795b 48%,#544c40 67%,#22292a 84%);box-shadow:0 0 70px #c8ab6d12,inset -23px -9px 26px #111b28b0;overflow:hidden}.moon:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 32% 23%,#4f493e65 0 5%,transparent 7%),radial-gradient(ellipse at 53% 63%,#4b493d88 0 10%,transparent 14%),radial-gradient(ellipse at 35% 74%,#ddd0b550 0 8%,transparent 12%),radial-gradient(ellipse at 57% 34%,#4f493e70 0 15%,transparent 22%),radial-gradient(ellipse at 21% 48%,#f5e1ba65 0 9%,transparent 12%);filter:blur(2px)}.floating-star{position:absolute;background:var(--bg);line-height:1}.star-one{font-size:34px;top:37px;right:46px}.star-two{font-size:30px;bottom:43px;left:43px}.cosmos-label{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:4px;opacity:.7}.editorial-strip{border-block:1px solid var(--line);margin:0 48px;display:flex;justify-content:space-between;align-items:center;padding:17px 0;gap:20px}.editorial-strip>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.editorial-strip p{font:italic 17px Georgia,serif;color:#c0c3c7}.section{padding:62px 48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}h2{font-size:34px;letter-spacing:-.7px;margin-top:13px}.section-heading>p,.muted{font-size:12px;color:var(--muted)}.sign-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.sign{background:transparent;border:1px solid #ffffff16;border-radius:5px;display:flex;align-items:center;flex-direction:column;padding:19px 3px 14px;transition:background .2s,border-color .2s}.sign:hover{background:#ffffff08;border-color:#d5b77f88}.sign.selected{background:#d5b77f0d;border-color:#d5b77f99}.sign-symbol{font-size:28px;line-height:1;color:var(--gold);margin-bottom:13px}.sign-name{font-size:11px}.sign-element{font-size:8px;color:#818e9f;margin-top:5px}.reading{display:grid;grid-template-columns:225px 1fr;background:#172231;border:1px solid var(--line);border-radius:7px;margin-top:22px}.reading-side{border-right:1px solid var(--line);padding:28px;text-align:center}.selected-symbol{font-size:50px;display:block;color:var(--gold);line-height:1.4}.reading-side .eyebrow{font-size:8px;display:block;margin-top:8px}.reading-side h3{font-size:29px;margin-top:9px}.reading-side p{font-size:10px;color:var(--muted);margin-top:8px}.save-button{background:transparent;color:var(--gold);font-size:10px;padding:6px 8px;margin-top:15px}.reading-main{padding:26px 32px}.reading-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.tabs{display:flex;gap:24px}.tabs button{background:transparent;font-size:11px;color:var(--muted);padding:0 0 10px;border-bottom:1px solid transparent}.tabs .selected{color:var(--gold);border-color:var(--gold)}.sample-label{font-size:8px;letter-spacing:1px;color:#8c99a9}.reading-main h3{font-size:25px;margin-top:25px}.reading-main>p{font-size:13px;color:#b1bac7;line-height:1.9;margin-top:14px;min-height:70px}.reading-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:21px;padding-top:15px;font-size:10px;color:var(--gold)}.reading-bottom>span{color:#a7b2c0}.tarot-section{margin:10px 48px 0;border-block:1px solid var(--line);padding:55px 27px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;background:radial-gradient(ellipse at 80% 50%,#604a5b18,transparent 70%)}.tarot-intro h2{font-size:42px;line-height:1.18}.tarot-intro>p{font-size:12px;max-width:340px;color:var(--muted);margin-top:22px}.tarot-intro .small-muted{font-size:10px;margin-top:12px}.tarot-intro>.button{margin-top:24px}.cards{display:flex;align-items:center;justify-content:center;gap:17px}.tarot-slot{flex:1;text-align:center;max-width:160px}.tarot-slot:first-child{transform:rotate(-7deg) translateY(12px)}.tarot-slot:last-child{transform:rotate(7deg) translateY(12px)}.tarot-card{border:1px solid #bca07b99;height:237px;position:relative;border-radius:8px;background:repeating-linear-gradient(45deg,transparent,transparent 7px,#d5b77f04 7px,#d5b77f04 8px),#202537;box-shadow:0 10px 30px #0003;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:background .3s}.tarot-card:before{content:'';position:absolute;inset:9px;border:1px solid #d5b77f55;border-radius:4px}.card-corner{position:absolute;top:13px;color:var(--gold);font-size:22px}.card-art{display:flex;align-items:center;color:var(--gold);font-size:24px;border:1px solid #d5b77f44;border-radius:50%;height:100px;width:100px;justify-content:center}.card-art>span{font-size:37px}.card-caption{font-size:6px;letter-spacing:2px;position:absolute;bottom:25px;color:var(--gold)}.slot-label{font-size:8px;letter-spacing:2px;color:#8f9aab;display:block;margin-top:20px}.tarot-card.revealed{background:#e4d8bf;color:#273442}.revealed .card-art{font-size:55px;border:none;color:#5c5947}.revealed .card-caption,.revealed .card-corner{color:#4c5048}.revealed .card-caption{font-size:11px;letter-spacing:1px}.revealed:before{border-color:#5c594766}.reset-link{background:transparent;color:var(--gold);font-size:11px;margin:14px 0 0;display:block}.reset-link[hidden]{display:none}.tarot-result{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);padding-top:24px}.tarot-result[hidden]{display:none}.tarot-result h3{font-size:21px;color:var(--gold)}.tarot-result p{font-size:12px;color:var(--muted);margin-top:10px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide{background:transparent;text-align:left;padding:0}.guide-visual{height:168px;overflow:hidden;position:relative;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#c7b790;isolation:isolate}.rising-art{background:radial-gradient(circle at 50% 90%,#bd9a6538,transparent 60%),#283541}.rising-art:before,.rising-art:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #b8a47966;border-radius:50%;top:33px}.rising-art:after{width:240px;height:240px;top:3px;border-style:dashed}.rising-art span{font:100px Georgia,serif;z-index:1;line-height:1;transform:rotate(-15deg)}.rising-art i{width:100%;border-top:1px solid #b8a47966;position:absolute;top:125px}.elements-art{background:#35332e;gap:20px}.elements-art span{font-size:59px;font-family:Georgia,serif}.elements-art span:nth-child(2){color:#a7af9b}.elements-art span:nth-child(3){color:#b9b3a9}.elements-art span:nth-child(4){color:#88a1ad}.tarot-art{background:#302c3a;gap:10px}.tarot-art>span{display:flex;align-items:center;justify-content:center;width:67px;height:110px;border:1px solid #c1a87888;color:var(--gold);font-size:33px;transform:rotate(-12deg)}.tarot-art>span:nth-child(2){transform:translateY(-5px);background:#393343}.tarot-art>span:last-child{transform:rotate(12deg)}.guide-meta{font-size:8px;letter-spacing:1px;color:var(--gold);display:flex;justify-content:space-between;margin-top:19px}.guide-meta span{color:var(--muted);letter-spacing:0}.guide h3{font-size:23px;line-height:1.35;margin-top:11px;position:relative}.guide h3 b{font:19px Arial,sans-serif;position:absolute;right:1px;bottom:2px;color:var(--gold)}.guide p{font-size:11px;color:var(--muted);margin-top:10px}.guide:hover h3{color:var(--gold)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.faq h2{font-size:31px}.faq-list details{border-bottom:1px solid var(--line);padding:15px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:var(--gold)}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:12px;line-height:1.9;color:var(--muted);padding-top:12px}footer{max-width:1224px;border-top:1px solid var(--line);margin:0 auto;padding:40px 0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px}footer>p{font:italic 18px/1.5 Georgia,serif;color:var(--muted)}footer>div:not(.footer-bottom){display:flex;gap:25px;font-size:11px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);width:100%;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#7b8797;margin-top:12px}dialog{background:#182432;border:1px solid #d5b77f55;border-radius:12px;max-width:780px;width:calc(100% - 32px);padding:40px;max-height:85vh}dialog::backdrop{background:#050a12c9;backdrop-filter:blur(6px)}dialog>p{color:var(--muted);font-size:13px;margin-top:18px}.close-dialog{position:absolute;right:15px;top:10px;background:transparent;color:var(--gold);font-size:28px}#language-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.language-option{border:1px solid var(--line);padding:9px 12px;font-size:12px;border-radius:4px}.language-option small{display:block;font-size:9px;color:var(--muted)}#guide-content p{font-size:14px;line-height:1.9;color:#bec5ce;margin-top:20px}#guide-content h3{font-size:24px;color:var(--gold);margin-top:25px}.small-muted{font-size:11px;color:var(--muted)}@media(min-width:1450px){.hero{padding-top:90px;padding-bottom:90px}}@media(max-width:1100px){header{padding-inline:28px}nav{gap:20px}.hero{padding:55px 32px;grid-template-columns:1.2fr 1fr}.cosmos{transform:scale(.82);transform-origin:center;width:440px;margin-left:-30px;margin-right:-40px}.sign-grid{grid-template-columns:repeat(6,1fr)}.section{padding-inline:28px}.editorial-strip{margin-inline:28px}.tarot-section{margin-inline:28px;padding-inline:0}.cards{gap:10px}.tarot-card{height:215px}.card-art{width:80px;height:80px;font-size:19px}.card-art>span{font-size:30px}footer{margin-inline:28px}.guide h3{font-size:21px}.elements-art{gap:10px}}@media(max-width:760px){.preview{font-size:8px;letter-spacing:.2px}header{padding:20px;flex-wrap:wrap;gap:20px}.brand{font-size:22px}.brand-star{font-size:35px}.language{margin-left:auto}nav{order:3;width:100%;justify-content:center;gap:25px;padding-top:15px;border-top:1px solid var(--line);font-size:11px}.hero{padding:42px 24px 30px;grid-template-columns:1fr;min-height:0;text-align:center}.hero .eyebrow{font-size:9px}h1{font-size:47px;letter-spacing:-1.5px}.hero-copy>p{font-size:12px}.hero-actions{justify-content:center;gap:20px}.hero-note{justify-content:center;margin-top:25px}.cosmos{transform:scale(.72);margin:-44px auto -48px;left:50%;translate:-50% 0}.editorial-strip{margin-inline:20px;padding:17px 0}.editorial-strip>span:first-child{display:none}.editorial-strip p{font-size:14px}.section{padding:40px 20px}.section-heading{display:block}.section-heading>p{margin-top:15px}h2{font-size:29px}.sign-grid{gap:7px}.sign{padding:15px 2px 10px}.sign-symbol{font-size:26px}.sign-name{font-size:10px}.sign-element{font-size:7px}.reading{grid-template-columns:1fr}.reading-side{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:60px 1fr 130px;text-align:left;align-items:center;column-gap:10px;padding:16px}.selected-symbol{grid-column:1;grid-row:1/4;font-size:46px;text-align:center}.reading-side .eyebrow{grid-column:2;grid-row:1;margin:0}.reading-side h3{grid-column:2;grid-row:2;font-size:25px;margin:4px 0}.reading-side p{grid-column:2;grid-row:3;font-size:9px;margin:0}.save-button{grid-column:3;grid-row:1/4;margin:0;font-size:9px;padding:0}.reading-main{padding:20px}.tabs{gap:23px}.tabs button{font-size:10px}.sample-label{font-size:6px;letter-spacing:.5px}.reading-main h3{font-size:23px;margin-top:21px}.reading-main>p{font-size:12px}.reading-bottom{display:block;font-size:10px}.reading-bottom a{display:block;margin-top:10px}.tarot-section{margin:0 20px;padding:35px 0;grid-template-columns:1fr;gap:36px}.tarot-intro{text-align:center}.tarot-intro h2{font-size:37px}.tarot-intro>p{margin:18px auto 0;max-width:370px}.reset-link{margin:14px auto 0}.cards{gap:12px;padding:0 4px}.tarot-slot{max-width:135px}.tarot-card{height:205px}.card-art{height:80px;width:80px}.card-caption{font-size:5px;letter-spacing:1px}.tarot-result{grid-template-columns:1fr}.tarot-result h3{font-size:22px}.guide-grid{grid-template-columns:1fr;gap:28px}.guide-visual{height:185px}.guide h3{font-size:25px}.guide-meta{font-size:9px}.guide p{font-size:12px}.faq{grid-template-columns:1fr;gap:28px}.faq h2{font-size:29px}.faq-list summary{font-size:12px}footer{margin:0 20px;padding-top:30px;align-items:flex-start}footer>p{font-size:14px}.footer-bottom{flex-direction:column;gap:8px;font-size:8px}dialog{padding:32px 22px}dialog h2{font-size:29px}#language-list{grid-template-columns:repeat(2,1fr)}.language-option{font-size:11px;padding:8px}.guide-meta{margin-top:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
