@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap');
:root{--ink:#2a211c;--muted:#786b61;--paper:#fffaf0;--gold:#9f7137;--plum:#573548;--line:#dacbbb;--sans:'Manrope','Segoe UI',sans-serif;--display:'Marcellus',Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 86% 3%,rgba(159,113,55,.13),transparent 28rem),#f1e9dc;color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}
body>header{display:flex;justify-content:space-between;align-items:center;padding:20px max(22px,calc((100vw - 1100px)/2));border-bottom:1px solid #d8cabc;background:rgba(246,239,227,.72);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px}.brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#f5e8d4;background:var(--plum)}header nav{display:flex;gap:20px;color:var(--muted)}
main{width:min(1100px,calc(100% - 30px));margin:auto}.hero{display:grid;grid-template-columns:1fr 260px;gap:48px;align-items:center;padding:64px 0 44px}.hero>div>p,.chooser-heading>p{color:var(--gold);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.hero h1{margin:.2rem 0 1.2rem;font:400 clamp(3.4rem,7vw,6.4rem)/.91 var(--display);letter-spacing:-.045em}.hero>div>span{display:block;max-width:720px;color:var(--muted);font-size:1.12rem}.hero aside{position:relative;display:grid;place-items:center;width:230px;aspect-ratio:1;border:1px solid rgba(113,76,46,.22);border-radius:50%;color:var(--gold);background:rgba(255,250,240,.6);box-shadow:0 24px 60px rgba(66,45,29,.08)}.hero aside>span{font:4.8rem/1 var(--display)}.hero aside i{position:absolute;right:35px;top:38px;font-style:normal;font-size:1.7rem}.hero aside small{position:absolute;left:40px;bottom:38px;letter-spacing:.12em}
.chooser,.result article{max-width:940px;margin:0 auto 72px;padding:clamp(26px,5vw,52px);border:1px solid var(--line);border-radius:30px;background:rgba(255,250,240,.92);box-shadow:0 26px 70px rgba(66,45,29,.1)}.chooser-heading{display:grid;gap:7px;margin-bottom:34px}.chooser-heading>*{margin:0}.chooser-heading h2,.result h2{font:400 clamp(2.35rem,5vw,4.2rem)/1 var(--display)}.chooser-heading>span{color:var(--muted)}
.chooser form{display:grid;gap:30px}.chooser fieldset{margin:0;padding:0;border:0}.chooser legend{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:14px}.chooser legend>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(159,113,55,.35);border-radius:50%;color:var(--gold);font-size:.7rem}.chooser legend strong{font-size:.96rem}
.period-choice{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}.period-choice legend{grid-column:1/-1}.period-choice input{position:absolute;opacity:0}.period-choice label>span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 13px;min-height:96px;padding:18px;border:1px solid #ddcfbf;border-radius:18px;cursor:pointer;background:rgba(255,255,255,.45);transition:.2s ease}.period-choice i{grid-row:1/3;align-self:center;color:var(--gold);font:2rem/1 var(--display);font-style:normal}.period-choice b{align-self:end}.period-choice small{color:var(--muted)}.period-choice input:checked+span{border-color:var(--gold);background:#f8ecd8;box-shadow:0 0 0 3px rgba(159,113,55,.1),0 12px 28px rgba(79,52,32,.07)}
.sign-choice>p{margin:-5px 0 14px 46px;color:var(--muted);font-size:.88rem}.sign-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sign-picker button{display:flex;align-items:center;gap:10px;min-height:66px;padding:12px 14px;border:1px solid #ddcfbf;border-radius:16px;color:var(--ink);background:rgba(255,255,255,.42);font:600 .9rem var(--sans);cursor:pointer;transition:.2s ease}.sign-picker button i{color:var(--gold);font:1.55rem/1 var(--display);font-style:normal}.sign-picker button:hover,.sign-picker button.active{transform:translateY(-2px);border-color:var(--gold);background:#f7e9d2;box-shadow:0 9px 22px rgba(76,49,29,.09)}
#premiumHoroscopeStatus{min-height:1.3em;margin:0;color:#8a2f2b}.submit-row{display:flex;align-items:center;gap:18px}.create-button,.result footer button{min-height:50px;padding:13px 22px;border:0;border-radius:999px;background:var(--plum);color:#fff;font:700 1rem var(--sans);cursor:pointer}.submit-row>span,.method-note{color:var(--muted);font-size:.82rem}.method-note{margin:20px 0 0;padding-top:18px;border-top:1px solid rgba(99,70,50,.13)}
#premiumHoroscopeLoading{display:grid;place-items:center;min-height:300px;color:var(--gold);font:2rem var(--display)}#premiumHoroscopeLoading[hidden]{display:none}.evidence{display:inline-block;padding:7px 11px;border-radius:999px;background:#efe0c7;color:#725023;font-weight:700}.period{color:var(--muted)}#premiumHoroscopeSections section{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:20px 0;border-top:1px solid #e3d7c9}#premiumHoroscopeSections section>span{color:var(--gold);font-size:.72rem}#premiumHoroscopeSections h3{margin:0 0 6px;font:600 1.2rem var(--display)}#premiumHoroscopeSections p{margin:0}.result footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid #e3d7c9;color:var(--muted);font-size:.78rem}body>footer{text-align:center;padding:40px;color:var(--muted)}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:42px 0 30px}.hero aside{display:none}.period-choice{grid-template-columns:1fr!important}.sign-picker{grid-template-columns:repeat(3,1fr)}.submit-row{align-items:flex-start;flex-direction:column}.create-button{width:100%}}
@media(max-width:500px){body>header{padding:15px 14px}header nav{gap:11px;font-size:.8rem}.hero h1{font-size:3.25rem}.chooser{padding:25px 17px;border-radius:22px}.sign-picker{grid-template-columns:repeat(2,1fr)}.sign-picker button{min-height:62px;padding:10px}.sign-choice>p{margin-left:0}}
@media print{body>header,.hero,.chooser,body>footer{display:none}.result article{box-shadow:none;border:0}}
