@font-face{font-family:Bricolage;src:url('../fonts/bricolage_grotesque_700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Bricolage;src:url('../fonts/bricolage_grotesque_500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Afacad;src:url('../fonts/afacad_400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Afacad;src:url('../fonts/afacad_600.woff2') format('woff2');font-weight:600;font-display:swap}





:root{--bg:#0B1220;--panel:#162238;--raised:#1E2B42;--text:#F5F2FA;--muted:#AFBDCD;--gold:#D9AF7D;--line:#394960;--bright:#E8C49B;--deep:#C99865}
html{overflow-x:hidden}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Afacad,Arial,sans-serif;font-size:18px;overflow-x:hidden}
body:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1.2px 1.2px at 12% 11%,#E8C49B9c 99%,transparent),radial-gradient(1px 1px at 71% 19%,#fff9 99%,transparent),radial-gradient(1px 1px at 36% 63%,#fff7 99%,transparent),radial-gradient(1.5px 1.5px at 84% 82%,#e8c49b90 99%,transparent);background-size:247px 231px,391px 343px,301px 359px,431px 401px;opacity:.68}
.shell{max-width:1280px;margin:auto;padding:0 48px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid #d9af7d25}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand img{width:49px;height:49px;border-radius:14px;box-shadow:0 0 28px #d9af7d3b}.brand strong{display:block;font:700 25px Bricolage;line-height:1}.brand small{display:block;color:var(--gold);font:600 10px Afacad;letter-spacing:2.4px;margin-top:5px}.nav{display:flex;align-items:center;gap:34px;color:var(--muted);font:600 15px Afacad}.nav span{white-space:nowrap}.nav span:first-child{color:var(--text)}.header-right{display:flex;align-items:center;gap:12px}.lang{border:1px solid var(--line);border-radius:25px;padding:8px 13px;font-size:14px;font-weight:600}.header-button,.gold-button{background:linear-gradient(105deg,#E8C49B,#C99865);color:#131925;font-weight:700;border-radius:100px;box-shadow:0 12px 40px #d9af7d24}.header-button{padding:12px 22px;font-size:15px}.hamburger{display:none;border:1px solid var(--line);border-radius:100px;width:37px;height:37px;text-align:center;line-height:33px;font-size:20px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #d9af7d5a;border-radius:100px;background:#D9AF7D15;color:var(--bright);letter-spacing:2.3px;text-transform:uppercase;font:600 12px Afacad;padding:8px 16px}.eyebrow:before{content:"✦";font-size:13px;letter-spacing:0}.hero{min-height:758px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;position:relative}.hero:before{content:"";position:absolute;inset:-88px -90px 0;background:radial-gradient(ellipse 53% 47% at 72% 48%,#374a7b70,transparent 70%),radial-gradient(ellipse 70% 70% at 9% 36%,#2d315a3b,transparent 68%);z-index:-1}.hero-copy{padding:0 0 25px}.hero h1{font:700 clamp(54px,5.35vw,78px)/.99 Bricolage;margin:25px 0 23px;letter-spacing:-3px;max-width:640px}.hero h1 em{font-style:normal;color:var(--bright)}.hero p{color:var(--muted);font-size:21px;line-height:1.42;max-width:550px;margin:0 0 27px}.hero-facts{display:flex;align-items:center;gap:18px;color:#D7DDE8;font-weight:600;font-size:15px;margin:0 0 32px}.hero-facts i{height:4px;width:4px;border-radius:50%;background:var(--gold)}.download-row{display:flex;align-items:center;gap:17px}.play-badge{width:215px;height:auto;display:block}.qr-tile{display:flex;align-items:center;gap:10px;background:#202b3e;border:1px solid #ffffff1c;border-radius:15px;padding:9px 12px 9px 9px;color:#dfe5ed;font-size:13px;line-height:1.1}.qr-tile img{height:54px;width:54px;border-radius:4px;background:#fff;padding:3px}.hero-note{color:#9daabb;font-size:14px;margin-top:13px}.hero-visual{position:relative;height:680px;display:flex;align-items:center;justify-content:center}.hero-ring{position:absolute;border:1px solid #d9af7d50;border-radius:50%;width:560px;height:560px;box-shadow:0 0 0 50px #d9af7d08,0 0 100px #a77a7c20}.hero-ring:before,.hero-ring:after{content:"✦";position:absolute;color:var(--bright);font-size:27px;text-shadow:0 0 18px var(--gold)}.hero-ring:before{left:27px;top:95px}.hero-ring:after{right:42px;bottom:45px}.phone{position:relative;width:325px;height:625px;border:6px solid #3a3532;border-radius:47px;overflow:hidden;background:#111a2c;box-shadow:0 22px 75px #000b,0 0 0 1px #bd986e8c,0 0 60px #d9af7d22;transform:rotate(4deg)}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.float-note{position:absolute;left:7px;bottom:92px;padding:11px 16px;background:#1e2b42e8;border:1px solid #d9af7d80;border-radius:13px;box-shadow:0 12px 30px #0007;transform:rotate(-5deg)}.float-note strong{color:var(--bright);display:block;font-size:20px}.float-note span{color:var(--muted);font-size:13px}.float-star{position:absolute;right:34px;top:92px;color:var(--bright);font-size:44px;text-shadow:0 0 35px var(--gold)}
.section{padding-top:112px;padding-bottom:112px;border-top:1px solid #d9af7d20}.section-head{margin-bottom:33px}.section-head h2{font:700 54px/1.05 Bricolage;letter-spacing:-1.9px;max-width:810px;margin:18px 0 15px}.section-head h2 em{font-style:normal;color:var(--bright)}.section-head p{color:var(--muted);max-width:670px;line-height:1.45;margin:0;font-size:19px}.section-head.center{text-align:center}.section-head.center h2,.section-head.center p{margin-left:auto;margin-right:auto}.section-marker{color:var(--gold);font:600 12px Afacad;letter-spacing:2.6px;text-transform:uppercase}
.tarot-layout{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,.85fr);gap:25px;align-items:stretch}.spread-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.spread{border:1px solid #d9af7d52;background:#121d2c;border-radius:20px;overflow:hidden;min-width:0;position:relative;box-shadow:inset 0 0 15px #0007}.spread img{display:block;width:100%;height:193px;object-fit:cover}.spread:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0b1220e9)}.spread strong{position:absolute;bottom:13px;left:12px;right:10px;z-index:1;font:700 16px Bricolage;text-shadow:0 2px 7px #000}.demo-card{border:1px solid #d9af7d86;border-radius:26px;background:linear-gradient(160deg,#253554,#10192a 53%,#0e1725);padding:24px 25px;position:relative;overflow:hidden}.demo-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#d9af7d18;filter:blur(45px);top:65px;left:50%;transform:translateX(-50%)}.demo-header{display:flex;justify-content:space-between;align-items:center;color:var(--bright);font-size:12px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600}.live-pill{color:#d9e9d9;background:#4c795833;border:1px solid #84ab8a68;border-radius:30px;padding:4px 9px;letter-spacing:.5px;font-size:11px}.demo-card h3{font:700 30px/1.1 Bricolage;margin:15px 0 6px}.demo-sub{color:var(--muted);font-size:15px;line-height:1.3;margin:0 0 15px}.demo-steps{display:flex;gap:6px;margin-bottom:14px}.demo-steps span{flex:1;text-align:center;border:1px solid #556276;border-radius:6px;padding:6px 3px;color:#b8c3ce;font-size:12px}.demo-steps span:last-child{background:#d9af7d26;color:var(--bright);border-color:var(--gold)}.demo-card-art{display:flex;justify-content:center;align-items:center;gap:13px;position:relative}.demo-card-art img{width:105px;height:180px;object-fit:cover;border-radius:7px;border:1px solid var(--gold);box-shadow:0 8px 22px #000a}.demo-card-art img:first-child{transform:rotate(-11deg);opacity:.7}.demo-card-art img:last-child{transform:rotate(8deg)}.demo-card blockquote{font-size:15px;color:#e8e3dd;line-height:1.25;margin:18px 0 0;padding:13px 15px;border-top:1px solid #d9af7d44}.demo-card blockquote strong{color:var(--bright);display:block;margin-bottom:3px}
.card-section{background:linear-gradient(180deg,#0d1728,#14233b 49%,#0d1728)}.cards-layout{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:40px}.cards-copy .section-head{margin-bottom:30px}.filter-row{display:flex;gap:10px;flex-wrap:wrap}.filter-row span{padding:8px 15px;border:1px solid #536078;border-radius:100px;color:var(--muted);font-size:14px}.filter-row span.active{background:#d9af7d1f;border-color:var(--gold);color:var(--bright)}.card-fan{height:400px;position:relative}.card-fan img{position:absolute;width:215px;height:350px;object-fit:cover;border-radius:10px;border:2px solid #d9af7d99;box-shadow:0 22px 40px #000a;left:50%;top:20px}.card-fan img:nth-child(1){transform:translateX(-145%) rotate(-20deg);top:48px}.card-fan img:nth-child(2){transform:translateX(-94%) rotate(-10deg);top:18px}.card-fan img:nth-child(3){transform:translateX(-50%);z-index:2;top:0}.card-fan img:nth-child(4){transform:translateX(-5%) rotate(10deg);top:18px}.card-fan img:nth-child(5){transform:translateX(47%) rotate(20deg);top:48px}.cards-hint{color:var(--gold);font-size:14px;margin-top:6px}
.zodiac-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:34px}.sign{border:1px solid #47546b;border-radius:18px;background:#16223a;padding:9px;min-width:0}.sign.active{border-color:var(--gold);box-shadow:0 0 0 2px #d9af7d31,0 15px 35px #c9986533}.sign img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block}.sign strong{display:block;margin:9px 3px 3px;font:700 15px Bricolage}.selected-sign{display:flex;align-items:center;gap:18px;border:1px solid #d9af7d55;border-radius:19px;background:linear-gradient(105deg,#202e45,#121d2d);padding:13px 19px;margin-top:18px}.selected-sign img{height:70px;width:70px;border-radius:12px;object-fit:cover}.selected-sign strong{font:700 21px Bricolage}.selected-sign span{display:block;color:var(--gold);font-size:13px;margin-top:2px}.selected-sign p{color:var(--muted);margin:3px 0 0;font-size:15px}.selected-sign .arrow{margin-left:auto;color:var(--gold);font-size:25px}
.compatibility{background:linear-gradient(180deg,#0f1b2c,#192440 52%,#0d1728)}.compat-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.compat-art{border-radius:26px;overflow:hidden;min-height:480px;border:1px solid #d9af7d68;position:relative}.compat-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.compat-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0b1220d9)}.compat-art strong{position:absolute;bottom:28px;left:31px;z-index:1;font:700 27px Bricolage}.compat-widget{border:1px solid #d9af7d75;border-radius:25px;background:#1b2941;padding:25px}.compat-widget .label{color:var(--gold);font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600}.pair{display:flex;align-items:center;gap:14px;margin:16px 0 20px}.pair .choice{display:flex;align-items:center;gap:10px;flex:1;padding:9px;background:#111e33;border:1px solid #536078;border-radius:13px;font:700 16px Bricolage}.pair .choice img{width:42px;height:42px;border-radius:10px;object-fit:cover}.pair b{color:var(--gold)}.score-area{display:flex;align-items:center;gap:27px;border-top:1px solid #d9af7d3c;padding-top:21px}.score{width:156px;height:156px;flex:none;border:12px solid #d9af7d;border-left-color:#5c5b60;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 36px Bricolage;color:var(--bright)}.score small{font:600 12px Afacad;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.bars{flex:1}.bar{display:grid;grid-template-columns:110px 1fr 37px;align-items:center;gap:9px;font-size:14px;color:#d8e0ea;margin:10px 0}.bar i{height:6px;background:#35435b;border-radius:9px;position:relative}.bar i:before{content:"";position:absolute;inset:0 5% 0 0;background:linear-gradient(90deg,#9b7390,var(--gold));border-radius:9px}.bar:nth-child(2) i:before{right:2%}.bar:nth-child(3) i:before{right:5%}.compat-widget p{font-size:16px;color:var(--muted);line-height:1.35;margin:19px 0 0}
.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.daily-card,.journal-card{border:1px solid #536078;border-radius:25px;background:linear-gradient(150deg,#202f48,#121d2d);padding:28px;min-height:360px;overflow:hidden;position:relative}.daily-card h3,.journal-card h3{font:700 27px Bricolage;margin:0 0 12px}.daily-tabs{display:flex;gap:13px;border-bottom:1px solid #43536a;padding-bottom:9px;color:var(--muted);font-size:14px}.daily-tabs b{color:var(--bright);border-bottom:2px solid var(--gold);padding-bottom:9px;margin-bottom:-10px}.daily-body{display:flex;gap:18px;align-items:flex-start;margin-top:20px}.daily-body img{width:132px;height:132px;object-fit:cover;border-radius:18px}.daily-body p{font-size:17px;line-height:1.34;color:#dbe0e8;margin:0}.daily-body p strong{display:block;color:var(--bright);font-size:18px;margin-bottom:7px}.journal-list{border:1px solid #46546b;border-radius:17px;padding:10px 15px;background:#111d31;margin:17px 0}.journal-list .entry{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;border-bottom:1px solid #33435d}.journal-list .entry:last-child{border:0}.journal-list span{font-size:15px}.journal-list small{color:var(--gold);font-size:12px}.journal-note{color:var(--muted);font-size:15px;line-height:1.3;margin:0}
.final-cta{padding:88px 48px;margin:20px auto 65px;position:relative;border:1px solid #d9af7d88;border-radius:32px;overflow:hidden;text-align:center;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#182339}.final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(#0b1220b8,#0b1220d9),url('../img/img_onboard_4.webp') center 57%/cover;opacity:.85}.final-cta>*{position:relative}.final-cta h2{font:700 52px/1.06 Bricolage;letter-spacing:-1.5px;max-width:750px;margin:16px auto}.final-cta p{color:#d5dce5;max-width:580px;margin:0 auto 20px;font-size:18px}.final-cta .download-row{justify-content:center}.final-cta .qr-tile{background:#18263bee}.site-footer{display:grid;grid-template-columns:1fr auto;gap:30px;padding:30px 48px 55px;border-top:1px solid #d9af7d2c;color:var(--muted);font-size:14px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}.site-footer p{margin:11px 0 0;max-width:660px;line-height:1.3}.footer-brand{color:var(--text);font:700 20px Bricolage}.mobile-bar{display:none}
@media(max-width:700px){body{font-size:16px}.shell{padding:0 20px}.site-header{height:65px}.brand{gap:7px}.brand img{width:37px;height:37px;border-radius:9px}.brand strong{font-size:20px}.brand small{font-size:8px;letter-spacing:1.3px;margin-top:3px}.nav,.header-button{display:none}.header-right{gap:6px}.lang{padding:6px 9px;font-size:12px}.hamburger{display:block}.hero{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:54px;padding-bottom:49px}.hero:before{inset:-60px -20px 0;background:radial-gradient(ellipse 80% 39% at 50% 52%,#3d46714f,transparent 85%)}.hero-copy{text-align:center;padding:0}.eyebrow{font-size:10px;padding:7px 11px;letter-spacing:1.8px}.hero h1{font-size:47px;line-height:1.02;letter-spacing:-2.2px;margin:20px -8px 17px}.hero p{font-size:17px;line-height:1.35;margin:0 2px 17px}.hero-facts{justify-content:center;gap:8px;font-size:12px;margin:0 0 17px}.download-row{justify-content:center;gap:8px}.play-badge{width:160px}.qr-tile{padding:5px 7px 5px 5px;font-size:10px;gap:5px;border-radius:9px}.qr-tile img{width:37px;height:37px;padding:2px}.hero-note{font-size:12px;margin-top:8px}.hero-visual{height:490px;width:100%;margin-top:25px}.hero-ring{width:340px;height:340px;box-shadow:0 0 0 25px #d9af7d09}.hero-ring:before{left:8px;top:55px}.hero-ring:after{right:20px;bottom:11px}.phone{width:248px;height:477px;border-width:5px;border-radius:37px;transform:rotate(3deg)}.float-note{left:-5px;bottom:62px;padding:7px 9px}.float-note strong{font-size:15px}.float-note span{font-size:11px}.float-star{right:5px;top:30px;font-size:27px}.section{padding-top:76px;padding-bottom:74px}.section-head{margin-bottom:23px}.section-head h2{font-size:37px;line-height:1.07;letter-spacing:-1.1px;margin:14px 0 11px}.section-head p{font-size:17px;line-height:1.36}.section-marker{font-size:10px;letter-spacing:2.1px}.tarot-layout{display:flex;flex-direction:column;gap:15px}.spread-grid{grid-template-columns:repeat(2,1fr);gap:9px}.spread{border-radius:14px}.spread img{height:156px}.spread strong{font-size:14px;bottom:9px;left:9px}.demo-card{padding:19px;border-radius:20px}.demo-card h3{font-size:25px}.demo-card-art img{height:150px;width:87px}.demo-card blockquote{font-size:14px}.cards-layout{display:flex;flex-direction:column;gap:23px}.card-section{overflow:hidden}.filter-row{gap:7px}.filter-row span{font-size:12px;padding:7px 11px}.card-fan{height:290px;width:100%}.card-fan img{width:146px;height:239px;top:28px}.card-fan img:nth-child(1){transform:translateX(-137%) rotate(-20deg);top:43px}.card-fan img:nth-child(2){transform:translateX(-91%) rotate(-10deg);top:25px}.card-fan img:nth-child(3){top:6px}.card-fan img:nth-child(4){transform:translateX(-9%) rotate(10deg);top:25px}.card-fan img:nth-child(5){transform:translateX(36%) rotate(20deg);top:43px}.cards-hint{text-align:center}.zodiac-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:23px}.sign{padding:5px;border-radius:12px}.sign img{border-radius:8px}.sign strong{font-size:12px;margin:6px 2px 3px}.selected-sign{gap:10px;padding:10px;border-radius:13px}.selected-sign img{width:54px;height:54px}.selected-sign strong{font-size:17px}.selected-sign p{font-size:12px;line-height:1.2}.selected-sign span{font-size:11px}.selected-sign .arrow{font-size:19px}.compat-layout{display:flex;flex-direction:column;gap:12px}.compat-art{width:100%;min-height:225px;border-radius:18px}.compat-art strong{font-size:21px;left:18px;bottom:15px}.compat-widget{width:100%;padding:17px;border-radius:18px}.pair{gap:7px}.pair .choice{gap:5px;padding:6px;font-size:12px;border-radius:10px}.pair .choice img{width:31px;height:31px;border-radius:7px}.score-area{gap:14px}.score{width:119px;height:119px;border-width:8px;font-size:27px}.score small{font-size:10px}.bar{grid-template-columns:74px 1fr 24px;gap:4px;font-size:11px;margin:8px 0}.compat-widget p{font-size:14px}.daily-grid{display:flex;flex-direction:column;gap:13px}.daily-card,.journal-card{padding:20px;min-height:0;border-radius:18px}.daily-card h3,.journal-card h3{font-size:22px}.daily-body{gap:10px}.daily-body img{width:94px;height:94px;border-radius:12px}.daily-body p{font-size:14px}.daily-body p strong{font-size:15px}.final-cta{padding:57px 17px;margin:8px 20px 36px;min-height:315px;border-radius:21px}.final-cta h2{font-size:34px;margin:12px auto}.final-cta p{font-size:15px;line-height:1.3}.site-footer{grid-template-columns:1fr;padding:26px 20px 100px;gap:15px;font-size:12px}.footer-links{justify-content:flex-start;gap:14px}.site-footer p{font-size:12px}.mobile-bar{display:flex;align-items:center;gap:9px;position:fixed;z-index:50;left:9px;right:9px;bottom:10px;background:#151d2df4;border:1px solid #d9af7d75;border-radius:18px;padding:7px 8px;box-shadow:0 12px 30px #000b}.mobile-bar img{width:35px;height:35px;border-radius:8px}.mobile-bar .mobile-title{font:700 14px Bricolage;flex:1}.mobile-bar .mobile-title small{display:block;color:var(--muted);font:400 10px Afacad}.mobile-bar .gold-button{font:700 12px Afacad;padding:9px 11px;white-space:nowrap}}
/* Interactive and accessibility refinements */
:root{color-scheme:dark}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer}a,button,select,input{transition:border-color .18s,background-color .18s,transform .18s}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #f5d4a8;outline-offset:3px}.skip-link{position:absolute;z-index:100;top:-100px;left:10px;background:#e8c49b;color:#0b1220;padding:10px 15px;border-radius:8px}.skip-link:focus{top:10px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav a:hover,.footer-links a:hover{color:var(--bright)}.header-button,.gold-button{display:inline-flex;align-items:center;justify-content:center;border:0}.header-button:hover,.gold-button:hover{transform:translateY(-2px)}.lang{background:#162238;color:var(--text);max-width:90px}.hamburger{background:transparent;color:var(--text);cursor:pointer}.mobile-menu[hidden]{display:none!important}.mobile-menu{position:absolute;z-index:20;top:65px;left:0;right:0;display:grid;gap:0;background:#111c2f;border:1px solid var(--line);border-radius:0 0 17px 17px;padding-top:8px;padding-bottom:8px;box-shadow:0 20px 30px #0007}.mobile-menu a{padding:12px;border-bottom:1px solid #39496070}.mobile-menu a:last-child{border:0}.qr-tile{max-width:134px}.qr-tile span{max-width:62px}.spread:hover,.sign:hover,.card-tile:hover{border-color:var(--bright);transform:translateY(-3px)}.spread img{aspect-ratio:430/573}.demo-card{display:flex;flex-direction:column}.demo-card-art{min-height:193px}.demo-steps .current{background:#d9af7d26;color:var(--bright);border-color:var(--gold)}.demo-steps span:last-child{background:transparent;color:#b8c3ce;border-color:#556276}.demo-result{font-size:15px;color:#e8e3dd;line-height:1.3;margin:14px 0;padding:12px 0;border-top:1px solid #d9af7d44;min-height:79px}.demo-result strong{color:var(--bright);display:block;margin-bottom:3px}.demo-action{padding:12px 20px;align-self:stretch;margin-top:auto}.filter-row button{padding:8px 15px;border:1px solid #536078;border-radius:100px;background:transparent;color:var(--muted);font-size:14px}.filter-row button.active{background:#d9af7d1f;border-color:var(--gold);color:var(--bright)}#card-search{margin-top:15px;max-width:330px;width:100%;border:1px solid #536078;border-radius:11px;background:#111d30;color:var(--text);padding:10px 12px}.cards-layout{grid-template-columns:.8fr 1.2fr;align-items:start}.cards-browser{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:405px;overflow:auto;padding:5px 5px 12px;scrollbar-color:#d9af7d #1e2b42}.card-tile{background:#172338;border:1px solid #596a81;border-radius:11px;padding:5px;color:var(--text);min-width:0;text-align:center;cursor:pointer}.card-tile img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;display:block}.card-tile span{display:block;margin:5px 0 2px;font-size:12px;line-height:1.15;overflow-wrap:anywhere}.cards-hint{text-align:center}.zodiac-grid .sign{display:block;width:100%;color:var(--text);cursor:pointer;text-align:left}.sign.active{border-color:var(--gold)}.selected-sign{min-height:100px}.selected-sign p{max-width:780px}.pair select{flex:1;min-width:0;padding:14px 10px;border:1px solid #536078;border-radius:13px;background:#111e33;color:var(--text);font:700 16px Bricolage}.score{border-color:var(--gold);border-left-color:#5c5b60}.bar i{display:block;overflow:hidden}.bar i:before{display:none}.bar i span{display:block;background:linear-gradient(90deg,#9b7390,var(--gold));height:100%;border-radius:9px}.daily-tabs button{border:0;background:transparent;color:var(--muted);padding:0 2px 9px;margin-bottom:-10px;font-size:14px}.daily-tabs button[aria-selected=true]{color:var(--bright);border-bottom:2px solid var(--gold)}.daily-body p strong{display:block}.final-cta em{font-style:normal;color:var(--bright)}.footer-links a{white-space:nowrap}.card-dialog{width:min(760px,calc(100vw - 32px));border:1px solid var(--gold);border-radius:24px;background:#17243b;color:var(--text);padding:26px;box-shadow:0 30px 90px #000b;position:fixed;max-height:calc(100vh - 32px);overflow:auto}.card-dialog[open]{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center}.card-dialog::backdrop{background:#050b17c7;backdrop-filter:blur(6px)}.card-dialog img{width:100%;border:1px solid var(--gold);border-radius:11px}.card-dialog h2{font:700 31px Bricolage;margin:12px 0}.card-dialog p{font-size:17px;line-height:1.5;color:var(--muted)}.dialog-close{position:absolute;top:12px;right:15px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#0b1220;color:#fff;font-size:25px}.simple-page{min-height:calc(100vh - 250px);padding-top:90px;padding-bottom:90px}.simple-page h1{font:700 clamp(39px,5vw,64px)/1.05 Bricolage;margin:20px 0}.simple-page .intro{color:var(--muted);font-size:21px;max-width:620px}.faq-list{max-width:900px;margin:40px 0}.faq-list details{border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:17px 21px;background:#162238}.faq-list summary{font:700 20px Bricolage;cursor:pointer}.faq-list p{color:var(--muted);line-height:1.5;margin:13px 0 3px}.support-card{max-width:620px;background:#162238;border:1px solid var(--gold);border-radius:22px;padding:28px;margin:32px 0}.support-card a{display:inline-block;color:#0b1220;background:linear-gradient(105deg,#E8C49B,#C99865);padding:12px 22px;border-radius:30px;font-weight:700}.back-link{color:var(--bright);text-decoration:underline}
@media(max-width:900px){.nav{gap:14px;font-size:13px}.header-button{padding:9px 14px}.hero h1{font-size:clamp(43px,5vw,64px)}.hero-ring{max-width:100%}.pair{gap:7px}.score-area{gap:12px}.bar{grid-template-columns:75px 1fr 25px}}
@media(max-width:700px){.cards-layout{display:flex;flex-direction:column}.cards-browser{width:100%}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:415px}.filter-row button{font-size:12px;padding:7px 10px}.pair select{font-size:12px;padding:10px 6px}.bar{grid-template-columns:74px 1fr 24px}.card-dialog[open]{grid-template-columns:100px 1fr;gap:15px;padding:20px}.card-dialog h2{font-size:21px}.card-dialog p{font-size:14px}.simple-page{padding-top:50px;padding-bottom:70px}.simple-page h1{font-size:40px}.faq-list summary{font-size:17px}.support-card{padding:21px}}
@media(max-width:380px){.hero h1{font-size:42px}.hero-facts{font-size:11px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.score{width:100px;height:100px}.bar{grid-template-columns:70px 1fr 22px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:700px){.header-button{display:none}}

/* --- 21/10 UI fixes (Claude) --- */
/* Spread tiles: the grid row can be taller than the fixed 193px image (it stretches with the panel beside it), which
   left an empty band under the picture and dropped the label below it. Let the picture fill the whole tile. */
.spread{display:block}
.spread img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.spread{min-height:193px}
@media (max-width:640px){.spread{min-height:156px}}
.spread:after{inset:45% 0 0;z-index:0}
.spread strong{z-index:1}
/* Selects (language + compatibility): the browser's own arrow sat on the border because there was no room on the
   right. Draw one chevron, inset 14px, with matching right padding. */
.lang,.pair select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23D9AF7D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 8px}
.lang{background-position:right 12px center;padding-right:32px;max-width:none;min-width:76px}
.pair select{background-position:right 16px center;padding-right:40px;text-overflow:ellipsis}
@media (max-width:640px){.lang{background-position:right 9px center;padding-right:26px;min-width:64px}.pair select{background-position:right 10px center;padding-right:28px}}
.lang option,.pair select option{background:#111e33;color:#F5F2FA}
/* FAQ: replace the browser's white ▶ marker (misaligned on two-line questions) with a gold chevron on the right. */
.faq-list summary{list-style:none;position:relative;padding-right:34px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::marker{content:""}
.faq-list summary::after{content:"";position:absolute;right:2px;top:50%;width:12px;height:8px;margin-top:-4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23D9AF7D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/12px 8px;transition:transform .18s}
.faq-list details[open] summary::after{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.faq-list summary::after{transition:none}}