.tarot-container{padding:1rem;font-family:var(--font-body);position:relative;min-height:100vh;overflow:hidden;z-index:1;box-sizing:border-box}.tarot-container:before{background:radial-gradient(circle at 20% 35%,rgba(76,29,149,.15) 0,transparent 50%),radial-gradient(circle at 75% 44%,rgba(124,58,237,.1) 0,transparent 40%),radial-gradient(circle at 50% 80%,rgba(139,92,246,.15) 0,transparent 40%);z-index:-2;animation:backgroundPulse 15s ease-in-out infinite alternate}.tarot-container:after,.tarot-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%}.tarot-container:after{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 50L20 30L30 50L20 70L50 50ZM50 50L80 30L70 50L80 70L50 50Z' stroke='rgba(156, 108, 255, 0.2)' fill='none'/%3E%3C/svg%3E");background-size:300px 300px;opacity:.05;z-index:-1;animation:symbolFloat 60s linear infinite}.tarot-stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.star{position:absolute;border-radius:50%;filter:blur(.5px);animation:twinkle var(--duration) infinite ease-in-out;opacity:0;z-index:2}.star-small{background:rgba(255,255,255,.95);box-shadow:0 0 6px 1px rgba(156,108,255,.8),0 0 12px rgba(255,255,255,.4)}.star-medium{background:rgba(255,255,255,1);box-shadow:0 0 8px 2px rgba(156,108,255,.9),0 0 16px rgba(255,255,255,.7),0 0 24px rgba(156,108,255,.3)}.star-large{background:linear-gradient(45deg,#ffffff,#f0f0ff,#ffffff);box-shadow:0 0 10px 2px rgba(156,108,255,1),0 0 20px rgba(255,255,255,.8),0 0 32px rgba(156,108,255,.4)}.star-special{background:linear-gradient(45deg,#e0e7ff,#c4b5fd,#8b5cf6,#c4b5fd,#e0e7ff);background-size:200% 200%;box-shadow:0 0 12px 3px rgba(139,92,246,1),0 0 24px rgba(255,255,255,.9),0 0 40px rgba(139,92,246,.6);animation:specialTwinkle var(--duration) infinite ease-in-out}@keyframes backgroundPulse{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes symbolFloat{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:var(--opacity);transform:scale(1.3)}}@keyframes specialTwinkle{0%,to{opacity:.7;transform:scale(.9) rotate(0deg);background-position:0 0;box-shadow:0 0 12px 3px rgba(139,92,246,.8),0 0 24px rgba(255,255,255,.6),0 0 40px rgba(139,92,246,.3)}50%{opacity:1;transform:scale(1.6) rotate(45deg);background-position:100% 100%;box-shadow:0 0 20px 4px rgba(139,92,246,1),0 0 40px rgba(255,255,255,1),0 0 60px rgba(139,92,246,.8)}}.tarot-static-content{position:relative;z-index:3;margin-top:3rem}.tarot-static-content section{position:relative;z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.reading-type-card{transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reading-type-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(139,92,246,.3);border-color:rgba(139,92,246,.6)}.step-item{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.step-item:first-child{animation-delay:.1s}.step-item:nth-child(2){animation-delay:.2s}.step-item:nth-child(3){animation-delay:.3s}.step-item:nth-child(4){animation-delay:.4s}.step-item:nth-child(5){animation-delay:.5s}.step-item:hover .step-number{transform:scale(1.1)}.steps-visual{perspective:1000px}.steps-visual>div{transform-style:preserve-3d}@keyframes stepSlideIn{0%{opacity:0;transform:translateX(20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.steps-visual .animate-bounce{animation:bounce 2s infinite,stepSlideIn .5s ease-out}@keyframes progressExpand{0%{width:.5rem}to{width:2rem}}.step-item{position:relative;overflow:hidden}.step-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .5s ease}.step-item:hover:before{left:100%}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.feature-card{transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(139,92,246,.2);border-color:rgba(139,92,246,.5)}.option-card:hover{transform:translateY(-5px)}.guideline-card{transition:all .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guideline-card:hover{border-color:rgba(139,92,246,.4);box-shadow:0 4px 15px rgba(139,92,246,.15)}.cta-card,.final-guideline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cta-card{transition:all .3s ease}.cta-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.4);box-shadow:0 6px 18px rgba(139,92,246,.2)}@media (max-width:768px){.tarot-static-content{margin-top:2rem}.tarot-static-content section{padding:1.5rem!important;margin-bottom:2rem!important}.reading-type-card .flex{flex-direction:column;text-align:center;gap:1rem}.steps-container{grid-template-columns:1fr!important;gap:1.5rem!important}.steps-visual>div{height:20rem!important}.step-item{padding:1rem!important}.step-number{width:2.5rem!important;height:2.5rem!important;font-size:.875rem!important}.features-grid,.guidelines-grid,.options-grid{grid-template-columns:1fr!important}}.tarot-header{text-align:center;margin-bottom:1.5rem;padding:0 1rem}.tarot-header .tarot-title{font-size:2rem;font-family:var(--font-heading)}.tarot-subtitle{color:rgb(209,213,219);font-size:1.1rem;font-style:italic}.tarot-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:1200px;margin:0 auto;padding:1rem 0;z-index:2}.draw-button-container{margin-top:2rem;display:flex;justify-content:center;transition:margin-top .5s ease-in-out}.spread-selector.expanded+.draw-button-container{margin-top:3rem}.spread-selector.collapsed+.draw-button-container{margin-top:2.5rem}@keyframes readingGlow{0%{transform:translate(-10%,-10%)}to{transform:translate(5%,5%)}}.reading-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center;font-family:var(--font-heading);letter-spacing:.05em;position:relative;z-index:1}.reading-grid{display:grid;gap:2rem;width:100%;max-width:1200px;margin:0 auto 2rem;transition:all .5s ease}.reading-grid.dropping{opacity:0}.card-position{display:flex;flex-direction:column;align-items:center;position:relative;transition:opacity .5s ease;opacity:0;animation:positionFadeIn .5s forwards;animation-delay:calc(var(--card-index, 0) * .3s)}@keyframes positionFadeIn{to{opacity:1}}@keyframes dropIn{0%{opacity:0;transform:translateY(-100px) scale(.8) rotate(var(--random-rotation,0deg))}70%{opacity:1;transform:translateY(30px) scale(1.05) rotate(0deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}.card-name{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#f0f0ff}.card-description{font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.85)}.diamond-icon{width:24px;height:24px;margin-right:10px;fill:white}.reading-grid[style*="repeat(1,"] .card-position,.reading-grid[style*="repeat(2,"] .card-position,.reading-grid[style*="repeat(3,"] .card-position{justify-self:center;max-width:240px}@media (min-width:768px){.reading-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.reading-grid{grid-template-columns:repeat(3,1fr)}}.card-position:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(156,108,255,.15) 0,transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.card-position.revealed:before{opacity:.7;animation:positionGlow 5s ease-in-out infinite alternate}@keyframes positionGlow{0%{transform:translate(-5%,-5%) scale(1)}to{transform:translate(0) scale(1.1)}}.position-title{font-weight:600;margin-bottom:.5rem;color:#b794f4;font-family:var(--font-heading);font-size:1.1rem;position:relative;z-index:1}.card-wrapper{position:relative;margin-bottom:.75rem}.navigation-button{padding:.5rem 1rem;background:#4b5563;border-radius:.5rem;color:white;transition:all .3s ease;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.navigation-button:hover{background:#374151}.reading-question-type{font-size:.9em;color:rgba(255,255,255,.8);font-weight:400;opacity:.9;font-style:italic}.selector-label{font-size:.8rem;color:rgba(183,148,244,.9);margin-bottom:.25rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.spread-selector{border-radius:12px 0 0 0;margin-bottom:0;border-bottom:none;border-right:none}.question-type-selector{border-radius:0 12px 0 0;margin-top:0;margin-bottom:0;border-bottom:none}.spread-selector.collapsed{border-radius:12px 0 0 0}.question-type-selector.collapsed{border-radius:0 12px 0 0}.selectors-container{width:100%;max-width:800px;margin:1rem auto 2rem;display:flex;flex-direction:column;gap:0;padding:1rem;position:relative;background:rgba(30,25,60,.6);border:1px solid rgba(156,108,255,.2);border-radius:10px}.selectors-row{display:flex;flex-direction:row;width:100%;min-height:60px;align-items:stretch}.question-type-selector,.spread-selector{width:50%;min-height:60px;display:block;z-index:5;position:relative}@media (max-width:768px){.question-input-container,.selectors-container{width:calc(100% - 2rem);margin-left:auto;margin-right:auto}.selectors-container{padding:0;margin-bottom:1rem;gap:.5rem}.selectors-row{flex-direction:column;gap:.5rem}.question-input-container,.question-type-selector,.spread-selector{width:100%;border-radius:12px;border:1px solid rgba(156,108,255,.15);margin-top:0}}.tarot-container .question-type-card .question-type-description,.tarot-container .question-type-card .question-type-title{opacity:1;position:static;transition:none}.tarot-container .question-type-card:hover .question-type-title{opacity:1}.tarot-container .question-type-card .question-type-title{margin-bottom:.75rem}.tarot-container .spread-card-count,.tarot-container .spread-description,.tarot-container .spread-name{text-align:left}.tarot-container .spread-card{display:flex;flex-direction:column;align-items:flex-start}.fan-deck-wrapper{width:100%;margin-top:1.5rem;display:flex;justify-content:center;z-index:1}@media (max-width:768px){.question-input-container,.selectors-container{width:calc(100% - 2rem);margin-left:auto;margin-right:auto}}.card-position.dropping{animation:none;opacity:0}.card-position.revealed:not(.dropping){animation:dropIn 1s forwards}.card-position.revealed{opacity:1}.question-suggestions-container{opacity:0;animation:fadeIn 2s forwards;animation-delay:1s;width:100%;max-width:800px;margin:20rem auto 2rem;padding:1.5rem;background:rgba(30,20,60,.5);border-radius:16px;border:1px solid rgba(138,100,255,.2);box-shadow:0 8px 30px rgba(0,0,0,.15)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.suggestions-title{color:#e2d8fd;font-size:1.4rem;margin-bottom:1rem;font-weight:500;text-align:center}.suggestions-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.suggestion-item{background:rgba(76,29,149,.4);border:1px solid rgba(138,100,223,.3);border-radius:10px;cursor:pointer;transition:all .3s ease;color:#f0f0ff;font-size:1rem;line-height:1.4;position:relative;padding:.8rem 1.2rem .8rem 2rem}.suggestion-item:before{content:"✧";position:absolute;left:.8rem;color:rgba(196,181,253,.8);transition:all .3s ease}.suggestion-item:hover{background:rgba(91,33,182,.6);transform:translateY(-2px);box-shadow:0 4px 15px rgba(91,33,182,.3)}.suggestion-item:hover:before{color:#f0f0ff}@media (max-width:768px){.suggestions-list{grid-template-columns:1fr}.question-suggestions-container{padding:1.2rem}.suggestions-title{font-size:1.2rem}.suggestion-item{font-size:.95rem;padding:.7rem 1rem .7rem 1.8rem}.suggestion-item:before{left:.7rem}}