.cards-display{margin-bottom:0;margin-top:0;position:relative;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:flex-start;max-height:100vh;max-height:100dvh;overflow:visible;min-height:0}body:has(.interpretation) .cards-display{max-height:none;min-height:auto}@media(max-width:1024px){.cards-display,.cards-display.all-cards-drawn{justify-content:flex-start}.cards-display .deck-container{margin-top:auto}}.cards-display.all-cards-drawn{justify-content:flex-start;min-height:0;max-height:100vh;max-height:100dvh;gap:clamp(.75rem,1.5vh,1.25rem)}:root{--deck-w: clamp(200px, 30vw, 400px);--deck-h: clamp(140px, 21vw, 280px);--pivot-x: 50%;--pivot-y: 50%;--radius: clamp(95px, 12vw, 190px);--card-w: clamp(45px, 6.75vw, 90px);--card-h: clamp(65px, 9.75vw, 130px)}@media(max-height:800px){:root{--radius: clamp(80px, 10vw, 160px);--card-w: clamp(40px, 6vw, 80px);--card-h: clamp(55px, 8.25vw, 110px)}}.deck-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:0;margin-top:0;min-height:0;flex:0 1 auto;padding:clamp(.5rem,2vh,1rem) clamp(2rem,8vw,4rem);padding-bottom:clamp(.75rem,2.5vh,1.25rem);animation:fadeIn .5s ease-in;width:100%;overflow:visible;position:relative;box-sizing:border-box;order:2;z-index:10;transform:none;transform-origin:center bottom;align-self:flex-end}.tarot-deck{position:relative;width:var(--deck-w);height:var(--deck-h);margin:0 auto;margin-bottom:clamp(.5rem,1.5vh,.75rem);transition:transform .3s ease;display:flex;align-items:center;justify-content:center;transform:rotate(180deg)}.tarot-deck:hover:not(.drawing):not(.fanning),.tarot-deck.deck-open:not(.drawing):not(.fanning){transform:rotate(180deg) scale(1.02)}.tarot-deck.drawing{animation:deckShake .3s ease}@keyframes deckShake{0%,to{transform:translate(0)}25%{transform:translate(clamp(-3px,-.5vw,-5px)) rotate(-2deg)}75%{transform:translate(clamp(3px,.5vw,5px)) rotate(2deg)}}.deck-card-open{position:absolute;left:var(--pivot-x);top:var(--pivot-y);width:var(--card-w);height:var(--card-h);border:clamp(.5px,.1vw,1px) solid rgba(241,132,81,.7);border-radius:clamp(1px,.2vw,2px);box-shadow:0 0 clamp(.2px,.04vw,.4px) #479ac280;transition:transform .4s ease,opacity .3s ease,scale .3s ease;overflow:hidden;transform-origin:50% calc(100% + calc(var(--radius) * .95));transform:translate(-50%,-100%) rotate(0);opacity:0;background-image:url(/assets/retro-carta-CtngBI4B.png);background-size:cover;background-position:center;background-color:#22211d;z-index:20;pointer-events:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tarot-deck.fanning,.tarot-deck.fanning .deck-card-open{pointer-events:none;cursor:default}@media(hover:hover)and (pointer:fine){.tarot-deck.deck-open:not(.fanning) .deck-card-open:hover{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) translateY(clamp(-18px,-2vh,-28px)) scale(1.06)!important;box-shadow:0 clamp(2px,.6vw,4px) clamp(6px,1.5vw,10px) #0006,0 0 clamp(5px,1.5vw,10px) #d4af3740,0 clamp(1px,.3vw,2px) clamp(3px,.8vw,5px) #f1845133;filter:brightness(1.15);transition:transform .25s ease-out,box-shadow .25s ease-out,filter .25s ease-out}.tarot-deck.deck-open:not(.fanning) .deck-card-open:active{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) translateY(clamp(-22px,-2.5vh,-35px)) scale(1.08)!important;filter:brightness(1.2);box-shadow:0 clamp(3px,.8vw,6px) clamp(8px,2vw,12px) #00000080,0 0 clamp(6px,1.8vw,12px) #d4af3759,0 clamp(1.5px,.4vw,3px) clamp(4px,1vw,6px) #f1845140}.tarot-deck:not(.deck-open) .deck-card-open:hover,.tarot-deck:not(.deck-open) .deck-card-open:active{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) scale(1)!important;box-shadow:none!important;filter:none!important;pointer-events:none!important;cursor:default!important}}.tarot-deck.fanning .deck-card-open:hover,.tarot-deck.fanning .deck-card-open:active,.tarot-deck.fanning .deck-card-open:focus{box-shadow:none!important;filter:none!important;pointer-events:none!important;cursor:default!important;transition:none!important;transform-origin:50% calc(100% + calc(var(--radius) * .95))!important}.tarot-deck.fanning{pointer-events:none!important;cursor:default!important}.tarot-deck.fanning:hover{pointer-events:none!important}.deck-card-open.card-lifting{animation:cardLift .4s ease-out forwards;z-index:500!important}@keyframes cardLift{0%{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) scale(1)}50%{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) translateY(clamp(-30px,-5vh,-50px)) scale(1.15)}to{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) translateY(clamp(-40px,-7vh,-70px)) scale(1.2);opacity:0}}.deck-card-open.removed{opacity:0;transform:translate(-50%,-100%) rotate(var(--a, 0deg)) scale(.5);pointer-events:none}.deck-card-open-1{opacity:0;z-index:100}.tarot-deck.deck-open:not(.fanning) .deck-card-open-1{opacity:1}.tarot-deck.fanning .deck-card-open{animation:fanOutCard .08s ease-out forwards;animation-delay:calc(var(--card-index, 0) * .05s);opacity:0;transition:none!important;transform-origin:50% calc(100% + calc(var(--radius) * .95))!important;will-change:transform,opacity}@keyframes fanOutCard{0%{opacity:0;transform:translate(-50%,-100%) rotate(0) scale(.8);transform-origin:50% calc(100% + calc(var(--radius) * .95))}to{opacity:1;transform:translate(-50%,-100%) rotate(var(--a, 0deg)) scale(1) translateY(-8px);transform-origin:50% calc(100% + calc(var(--radius) * .95));z-index:var(--z, 0)}}.tarot-deck:hover:not(.drawing):not(.fanning).deck-open .deck-card-open,.tarot-deck.deck-open:not(.drawing):not(.fanning) .deck-card-open{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) translateY(-8px);z-index:var(--z, 0);opacity:1}.tarot-deck.deck-open:not(.drawing):not(.fanning) .deck-card-open{opacity:1}.tarot-deck:not(.deck-open) .deck-card-open{pointer-events:none!important;cursor:default!important}.tarot-deck:not(.deck-open){pointer-events:none!important;cursor:default!important}.deck-card-open-4,.deck-card-open-5,.deck-card-open-6,.deck-card-open-7,.deck-card-open-8,.deck-card-open-9,.deck-card-open-10,.deck-card-open-11,.deck-card-open-12,.deck-card-open-13,.deck-card-open-14,.deck-card-open-15,.deck-card-open-16,.deck-card-open-17,.deck-card-open-18,.deck-card-open-19,.deck-card-open-20{opacity:0;transform:rotate(0) translate(0) translateY(0)}.deck-label{color:#d4af37;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;text-shadow:0 0 10px rgba(212,175,55,.5);margin-top:clamp(.375rem,1vh,.5rem)}.card-slot{width:var(--card-w, clamp(110px, 29vw, 150px));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.card-slot.filled,.card-slot.empty{display:flex;align-items:stretch}.card-slot-empty{width:var(--card-w);height:var(--card-h);min-height:var(--card-h);visibility:hidden;display:block}.card-extracted{animation:extractAndFlip .8s ease-out forwards;opacity:0;transform:scale(.5) rotateY(180deg)}@keyframes extractAndFlip{0%{opacity:0;transform:scale(.5) rotateY(180deg) translateY(clamp(60px,10vh,100px))}50%{opacity:.8;transform:scale(1.1) rotateY(90deg) translateY(clamp(-6px,-1vh,-10px))}to{opacity:1;transform:scale(1) rotateY(0) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cards-display h2{text-align:center;color:#d4af37;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:clamp(1.5rem,4vh,2rem);text-shadow:0 0 clamp(10px,2vw,15px) rgba(212,175,55,.5)}.your-cards-title{text-align:center;color:#d4af37;font-size:clamp(1.25rem,3vw,1.5rem);margin-top:0;margin-bottom:32px;text-shadow:0 0 clamp(10px,2vw,15px) rgba(212,175,55,.5);font-family:Georgia,Times New Roman,serif}.cards-container{display:flex;flex-direction:column;align-items:center;gap:0;perspective:clamp(800px,100vw,1000px);width:100%;max-width:100%;margin:0;padding:0;scroll-margin-top:0;min-height:0;flex:0 1 auto;order:1;position:relative;z-index:2}.cards-wrapper{--card-w: clamp(90px, 28vw, 150px);--card-h: clamp(135px, 40vw, 220px);--gap: clamp(8px, 2.5vw, 24px);display:flex;flex-direction:column;align-items:center;gap:var(--gap);overflow:visible;width:100%;min-height:0;flex:0 1 auto}.cards-display:has(.deck-container) .cards-wrapper{--card-w: clamp(70px, 22vw, 120px);--card-h: clamp(105px, 32vw, 180px);--gap: clamp(6px, 2vw, 20px)}.cards-row{display:flex;justify-content:center;align-items:flex-start;gap:var(--gap);width:100%}.card{width:100%;display:flex;flex-direction:column;align-items:center;animation:cardFlip .6s ease-out;animation-fill-mode:forwards;box-sizing:border-box;pointer-events:auto;will-change:transform;transition:none;position:relative;z-index:10}.card-image-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.card:hover{transform:translateY(clamp(-6px,-1vh,-10px)) rotateY(5deg)!important;box-shadow:0 clamp(8px,2vw,12px) clamp(25px,6vw,35px) #0009,0 0 clamp(20px,5vw,30px) #d4af374d;pointer-events:auto;animation:none;z-index:100!important;opacity:1!important;visibility:visible!important;transition:none!important}.tarot-reading-result.has-interpretation .card{cursor:default!important;transition:none!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;will-change:auto!important;transform:none!important;animation:none!important;animation-fill-mode:forwards!important}.tarot-reading-result.has-interpretation .card:hover,.tarot-reading-result.has-interpretation .card:active,.tarot-reading-result.has-interpretation .card:focus{transform:none!important;box-shadow:none!important;z-index:auto!important;animation:none!important;transition:none!important;opacity:1!important;visibility:visible!important;pointer-events:none!important}.card-name-bottom{margin-top:clamp(8px,2vw,12px);font-size:clamp(.875rem,2.5vw,1rem);color:#fff;text-align:center;font-weight:400;line-height:1.2;width:100%;font-family:Georgia,Times New Roman,serif;min-height:2.4em;height:2.4em;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-orientation{display:block;text-align:center;font-size:clamp(.8rem,2.2vw,.9rem);font-weight:600;padding:clamp(.2rem,.5vh,.25rem) clamp(.4rem,1vw,.5rem);border-radius:clamp(4px,1vw,5px);width:fit-content;margin:0 auto}.card-orientation.upright{background:#4caf5033;color:#4caf50}.card-orientation.reversed{background:#ff980033;color:#ff9800}.card-image-container{width:100%;display:flex;justify-content:center;align-items:center;border-radius:clamp(2px,.5vw,4px);padding:0;border:none;box-shadow:0 clamp(6px,1.5vw,8px) clamp(20px,5vw,25px) #00000080,0 0 clamp(15px,4vw,20px) #d4af371a;aspect-ratio:2 / 3;overflow:hidden;position:relative}.card-image{width:100%;height:100%;object-fit:cover;border-radius:clamp(2px,.5vw,4px);transition:transform .3s ease;pointer-events:auto}.card-image.reversed{transform:rotate(180deg)}.card-image:hover{transform:scale(1.05)!important}.card-image.reversed:hover{transform:rotate(180deg) scale(1.05)!important}.image-placeholder{color:#888;font-size:clamp(.8rem,2.2vw,.9rem);text-align:center;padding:clamp(1.5rem,4vw,2rem) clamp(.75rem,2vw,1rem);font-style:italic}@keyframes cardFlip{0%{opacity:0;transform:rotateY(-90deg) scale(.8)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes cardClick{0%{transform:translateY(0) rotateY(0) scale(1)}50%{transform:translateY(clamp(-12px,-2vh,-20px)) rotateY(10deg) scale(1.15)}to{transform:translateY(clamp(-6px,-1vh,-10px)) rotateY(5deg) scale(1.05)}}.card-clicked{animation:cardClick .6s ease-out}@media(max-width:768px){.deck-container{padding:clamp(.75rem,3vh,1.5rem) clamp(1rem,5vw,2rem);padding-bottom:clamp(1rem,4vh,2rem);margin-bottom:0;margin-top:auto;min-height:0;overflow-x:visible;overflow-y:visible;align-self:flex-end}.tarot-deck{width:var(--deck-w);max-width:100%;height:var(--deck-h)}:root{--radius: clamp(100px, 25vw, 180px);--deck-w: clamp(180px, 50vw, 300px);--deck-h: clamp(125px, 35vw, 210px);--card-w: clamp(50px, 12vw, 90px);--card-h: clamp(72px, 17vw, 130px)}.cards-container{gap:0;padding:0;margin:0 auto;scroll-margin-top:0}.cards-wrapper{--card-w: clamp(85px, 26vw, 130px);--card-h: clamp(127px, 38vw, 190px);--gap: clamp(6px, 2vw, 18px)}.card-slot{width:var(--card-w)}.card{max-width:100%;min-height:clamp(120px,20vh,180px);padding:clamp(.5rem,1.5vw,.75rem)}.card-image{width:100%}.cards-display h2{font-size:clamp(1.25rem,3.5vw,1.5rem)}}@media(max-width:360px){.cards-wrapper{--card-w: clamp(70px, 21vw, 95px);--card-h: clamp(105px, 31vw, 142px);--gap: clamp(3px, 1vw, 10px)}.card-slot{width:var(--card-w);box-sizing:border-box}.cards-row{gap:var(--gap);padding:0;margin:0}}@media(min-width:1024px)and (max-width:1440px){:root{--deck-w: clamp(200px, 28vw, 380px);--deck-h: clamp(140px, 20vw, 280px);--radius: clamp(100px, 12vw, 200px);--card-w: clamp(50px, 7vw, 95px);--card-h: clamp(70px, 10vw, 140px)}.cards-wrapper{--card-w: clamp(110px, 24vw, 180px);--card-h: clamp(165px, 36vw, 270px);--gap: clamp(12px, 2.5vw, 24px)}.cards-display:has(.deck-container) .cards-wrapper{--card-w: clamp(90px, 22vw, 160px);--card-h: clamp(135px, 33vw, 240px);--gap: clamp(10px, 2vw, 20px)}.cards-display h2{font-size:clamp(1.2rem,3vw,1.6rem);margin-bottom:clamp(.8rem,2.5vh,1.2rem)}.your-cards-title{font-size:clamp(1rem,2.5vw,1.3rem);margin-bottom:clamp(.8rem,2.5vh,1.2rem)}.card-name-bottom{font-size:clamp(.85rem,2.2vw,1.1rem);line-height:1.25;min-height:2.5em;height:2.5em;max-height:2.5em}.deck-container{padding:clamp(.4rem,1.2vh,.8rem) clamp(1rem,3vw,1.5rem);padding-bottom:clamp(.6rem,1.8vh,1rem)}}@media(min-width:769px)and (max-width:1023px){.deck-container{margin-top:auto;align-self:flex-end}.cards-container{gap:clamp(1.5rem,4vh,1.8rem);padding:0;margin:0 auto}.cards-wrapper{--card-w: clamp(120px, 25vw, 140px);--card-h: clamp(175px, 36vw, 205px);--gap: clamp(14px, 2.5vw, 20px)}.card-slot{width:var(--card-w)}.card-slot{width:calc((100% - 24px) / 3);max-width:calc((100% - 24px) / 3)}.card{max-width:240px;min-height:350px}.card-image{width:100%}}.tarot-reading{width:100%;max-width:100%;height:100%;animation:fadeIn .6s ease-in;margin-top:0;padding-bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:visible}.tarot-reading.has-interpretation{overflow-y:visible}.reading-form{display:flex;flex-direction:column;flex:1;gap:1.5rem}.reading-form-spacer{flex:1}.textarea-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:auto}.textarea-container>div{position:relative;width:90%}.textarea-container textarea{width:100%;min-height:clamp(200px,30vh,300px);max-height:clamp(200px,30vh,300px);padding:1.5rem;padding-bottom:80px;padding-left:calc(1.5rem + 10px);padding-right:calc(1.5rem + 10px);background:#1e1e1ee6;border:2px solid transparent;border-radius:12px;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-weight:300;font-size:18px;line-height:100%;letter-spacing:0%;transition:all .3s ease;resize:none;background-image:linear-gradient(#000,#000),linear-gradient(90deg,#f18451,#eaeaea);background-origin:border-box;background-clip:padding-box,border-box}.textarea-container textarea:focus{outline:none;background:#141414f2;background-image:linear-gradient(#141414f2,#141414f2),linear-gradient(90deg,#f18451,#eaeaea 51%,#479ac2);background-origin:border-box;background-clip:padding-box,border-box}.textarea-container textarea::placeholder{color:#d9d9d9;font-style:italic}.submit-button-circle{position:absolute;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#f08653;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #f0865366}.submit-button-circle:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px #f0865399}.submit-button-circle:active:not(:disabled){transform:scale(.95)}.submit-button-circle:disabled{opacity:.5;cursor:not-allowed}.submit-button-circle svg{width:15px;height:15px}.btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-family:inherit;letter-spacing:1px;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,#d4af37,#b8941f);color:#1a1a2e;box-shadow:0 4px 15px #d4af3766}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4af3799}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#d4af3733;color:#d4af37;border:2px solid rgba(212,175,55,.5);margin-top:2rem}.btn-secondary:hover{background:#d4af374d;border-color:#d4af37}.btn-link{background:none;color:#d4af37;padding:.5rem 1rem;text-decoration:underline;font-size:.9rem}.error-message{background:#dc354533;border:2px solid rgba(220,53,69,.5);border-radius:10px;padding:1rem;color:#ff6b6b}.error-message p{margin-bottom:.5rem}.tarot-reading-result{animation:fadeIn .8s ease-in}.tarot-reading-result.deck-hidden{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;height:100%;flex:1}.tarot-reading-result.has-interpretation{overflow-y:visible;max-height:none;min-height:auto;height:auto;justify-content:flex-start;padding-top:30px;padding-bottom:30px}.interpretation-button-container{display:flex;justify-content:center;align-items:center;width:100%;padding:0 clamp(1rem,4vw,2rem) clamp(1rem,2vh,1.5rem);margin:0 auto}.btn-read-interpretation{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:clamp(12px,2.5vh,14px) clamp(14px,3vw,16.1711px) clamp(14px,2.5vh,16.1711px);gap:clamp(16px,3vw,20.21px);width:clamp(250px,60vw,309px);height:clamp(40px,6vh,47px);background:#f08653;border:1px solid #F08653;border-radius:clamp(5px,1vw,7px);order:1;cursor:pointer;transition:all .3s ease;font-family:"Instrument Serif",Georgia,Times New Roman,serif;font-style:normal;font-weight:400;font-size:clamp(18px,4vw,21px);line-height:clamp(15px,3vh,17px);text-align:center;color:#111;flex:none;order:0;flex-grow:0}.btn-read-interpretation:hover:not(:disabled){background:#e67a42;border-color:#e67a42;transform:translateY(-2px);box-shadow:0 clamp(4px,1vw,6px) clamp(12px,2vw,15px) #f0865366}.btn-read-interpretation:active:not(:disabled){transform:translateY(0);box-shadow:0 clamp(2px,.5vw,3px) clamp(6px,1vw,8px) #f086534d}.btn-read-interpretation:disabled{opacity:.6;cursor:not-allowed}.interpretation{margin:0;background:transparent;border-radius:0;padding:2rem;border:none;scroll-margin-top:clamp(2rem,5vh,4rem)}.interpretation h2{font-family:"Instrument Serif",serif;font-weight:400;font-style:italic;font-size:30px;line-height:30px;letter-spacing:0%;text-align:center;color:#fff;margin-bottom:25px}.interpretation-text{font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-weight:400;font-size:18px;line-height:100%;letter-spacing:0%;color:#e0e0e0;white-space:pre-line;text-align:left}.interpretation-text strong{font-weight:600;color:#e0e0e0}@keyframes gradientRotate{0%{background-image:linear-gradient(#000,#000),linear-gradient(90deg,#f18451,#eaeaea)}to{background-image:linear-gradient(#000,#000),linear-gradient(90deg,#f18451 100%,#eaeaea 0%)}}@keyframes gradientRotateFocus{0%{background-image:linear-gradient(#141414f2,#141414f2),linear-gradient(90deg,#f18451,#eaeaea)}to{background-image:linear-gradient(#141414f2,#141414f2),linear-gradient(90deg,#f18451 100%,#eaeaea 0%)}}@media(max-width:768px){.textarea-container textarea{min-height:250px;padding:1rem;padding-bottom:70px}.submit-button-circle{width:45px;height:45px;bottom:15px;right:15px}.submit-button-circle svg{width:12px;height:12px}.interpretation{padding:1.5rem}.interpretation-text{font-size:1rem}.interpretation-button-container{margin-top:2rem}}@media(min-width:1024px)and (max-width:1440px){.textarea-container textarea{min-height:clamp(180px,25vh,280px);max-height:clamp(180px,25vh,280px);font-size:clamp(16px,1.5vw,17px)}.interpretation h2{font-size:clamp(26px,2.5vw,28px)}.interpretation-text{font-size:clamp(16px,1.5vw,17px)}.btn-read-interpretation{font-size:clamp(17px,1.8vw,20px);width:clamp(240px,55vw,300px)}}.professional-consultation{position:relative;width:95%;height:170px;background:#fff2e4;border-radius:23px;flex:none;order:0;flex-grow:0;margin-top:2rem;margin-left:auto;margin-right:auto;overflow:hidden}.ellipse-orange{position:absolute;width:145px;height:145px;left:-43px;top:101px;background:radial-gradient(50% 50% at 50% 50%,#f08653 24.09%,#f08653b2,#f0865389 69.85%,#f0865300);border-radius:50%;pointer-events:none}.ellipse-blue{position:absolute;width:179px;height:182px;left:185px;top:-81px;background:radial-gradient(50% 50% at 50% 50%,#55b6e4,#55b6e400);border-radius:50%;pointer-events:none}.consultation-text{position:absolute;width:222px;height:90px;left:26px;top:18px;font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:30px;line-height:30px;color:#111;margin:0;z-index:1}.consultation-text-italic{font-style:italic}.professional-consultation .consultation-submit-button{position:absolute;inset:100px auto auto 232px;width:50px;height:50px;border-radius:50%;background:#f08653;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #f0865366;z-index:2;opacity:1}.professional-consultation .consultation-submit-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #f0865399}.professional-consultation .consultation-submit-button:active{transform:scale(.95)}.professional-consultation .consultation-submit-button svg{width:15px;height:15px}.contact-text-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;gap:6px;position:absolute;width:255px;height:60px;left:calc(50% - 127.5px);top:18px;z-index:1}.contact-text{width:255px;height:60px;font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:30px;line-height:30px;color:#111;margin:0;flex:none;order:0;flex-grow:0}.contact-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;gap:5px;position:absolute;width:255px;height:49px;left:calc(50% - 127.5px);top:101px;z-index:2}.contact-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10.1818px;gap:12.73px;width:125px;height:49px;background:#111;border-radius:9px;border:none;cursor:pointer;transition:all .3s ease;flex:none;flex-grow:0;text-decoration:none;color:inherit}.contact-button:hover{opacity:.9;transform:scale(1.02)}.contact-button:active{transform:scale(.98)}.contact-button svg{flex:none;order:0;flex-grow:0}.whatsapp-button svg{width:24.55px;height:24.71px}.phone-button svg{width:23.33px;height:23.33px}@media(min-width:769px){.professional-consultation{width:95%;height:170px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 2rem}.consultation-content-desktop{display:flex;flex-direction:row;align-items:center;width:100%;gap:2rem}.consultation-content-mobile{display:none!important}.consultation-content-desktop .consultation-text{position:static;width:auto;height:auto;flex:1;margin:0;left:auto;top:auto}.contact-content-desktop{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1}.contact-content-desktop .contact-text-wrapper{position:static;width:100%;height:auto;left:auto;top:auto;display:flex;justify-content:center;align-items:center}.contact-content-desktop .contact-text{width:auto;height:auto;text-align:center}.contact-content-desktop .contact-buttons{position:static;width:100%;height:auto;left:auto;top:auto;display:flex;justify-content:center;align-items:center}.professional-consultation .consultation-submit-button{position:static;inset:auto}.ellipse-orange{left:-43px;top:101px}.ellipse-blue{left:auto;right:-81px;top:-81px}}@media(max-width:768px){.professional-consultation{width:95%}.consultation-content-desktop{display:none!important}.consultation-content-mobile{display:block}}@media(max-width:430px){.professional-consultation{width:95%}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;margin-left:0;margin-right:0}body{font-family:Georgia,Times New Roman,serif;background:#000;min-height:100vh;min-height:100dvh;color:#e0e0e0;overflow-y:hidden}body:has(.interpretation){overflow-y:auto;height:auto;min-height:100dvh}.app{width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:0;margin-left:0;margin-right:0;justify-content:flex-start;overflow:hidden}body:has(.interpretation) .app{height:auto;max-height:none;overflow:visible}.app-header{position:static;text-align:center;margin-bottom:0;margin-left:0;margin-right:0;padding-top:1rem;padding-bottom:10px;background:#000;z-index:100;animation:fadeIn 1s ease-in;transform:translateZ(0);will-change:auto}.app-header h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:45px;line-height:100%;letter-spacing:0%;text-align:center;color:#fff;margin-bottom:0}.header-transition{animation:fadeIn .5s ease-in;padding-bottom:10px}.your-cards-header{font-family:"Instrument Serif",serif;font-weight:400;font-style:italic;font-size:30px;line-height:30px;letter-spacing:0%;text-align:center;color:#fff}.subtitle{font-size:1.2rem;color:#d9d9d9;font-style:italic;opacity:.9}.app-main{width:100%;max-width:1200px;display:flex;flex-direction:column;justify-content:flex-start;flex:1;min-height:0;overflow:visible;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.app-main.has-interpretation{overflow-y:visible;justify-content:flex-start;min-height:auto;height:auto}.app-main:has(.cards-display.all-cards-drawn){justify-content:center;align-items:center}.app-main:has(.tarot-reading-result.has-interpretation){justify-content:flex-start;align-items:stretch}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app{padding:0;height:100vh;height:100dvh}.app-header{position:static;margin-bottom:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0;background:#000;z-index:100}.app-header h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:32px;line-height:100%;letter-spacing:0%;text-align:center}.subtitle{font-size:.9rem}.app-main{width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0}}@media(min-width:1024px)and (max-width:1440px){.app-header h1{font-size:clamp(36px,3.5vw,42px)}.subtitle{font-size:clamp(1rem,1.2vw,1.15rem)}.app-main{max-width:1100px}}