@charset "UTF-8";.App{display:flex;flex-direction:column;margin:0 auto;height:100%;width:100%}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-bottom:1px solid rgba(139,92,246,.3);box-shadow:0 4px 30px #0000004d}.header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(76,0,255,.2) 25%,rgba(217,70,239,.2) 50%,rgba(139,92,246,.2) 75%,transparent 100%);pointer-events:none}.header__wrapper{display:flex;justify-content:space-between;align-items:center;position:relative;padding:14px 0;gap:30px}@media(max-width:576px){.header__wrapper{padding:12px 0}}.header__title{text-align:center;font-size:32px;line-height:1.2;font-weight:500;letter-spacing:1px;position:relative;padding:0 30px}@media(max-width:576px){.header__title{font-size:24px}}.header__title{background:linear-gradient(135deg,#8b5cf6,#d946ef,#a855f7,#8b5cf6,#d946ef);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent}@media(min-width:576px){.header__title{animation:gradientShift 6s ease infinite}}.header__title{text-shadow:0 0 10px rgba(139,92,246,.5),0 0 20px rgba(217,70,239,.3),0 0 30px rgba(139,92,246,.2)}.header__title:before{content:"✦";position:absolute;left:0;top:50%;transform:translateY(-50%);color:#d946ef;font-size:20px;text-shadow:0 0 10px rgba(217,70,239,.8)}@media(min-width:576px){.header__title:before{animation:starGlow 2s ease-in-out infinite}}.header__title:after{content:"✦";position:absolute;right:0;top:50%;transform:translateY(-50%);color:#8b5cf6;font-size:20px;text-shadow:0 0 10px rgba(139,92,246,.8)}@media(min-width:576px){.header__title:after{animation:starGlow 2s ease-in-out infinite reverse}}.header__link{will-change:transform}.header__link:hover .header__icon{transform:scale(1.05)}.header__icon{transition:transform .2s ease;transform:rotate(-5deg);width:50px;height:50px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes starGlow{0%,to{opacity:.6;text-shadow:0 0 5px currentColor}50%{opacity:1;text-shadow:0 0 15px currentColor}}.footer{position:relative;margin-top:auto;background:#0a0a15d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 0;border-top:1px solid rgba(139,92,246,.3);box-shadow:0 -4px 30px #0000004d;background:linear-gradient(to top,#0a0a15e6,#0a0a15b3),linear-gradient(90deg,transparent 0%,rgba(139,92,246,.2) 25%,rgba(217,70,239,.2) 50%,rgba(139,92,246,.2) 75%,transparent 100%) top/100% 1px no-repeat}@media(max-width:576px){.footer{padding:10px 0}}.footer__inner{display:flex;justify-content:center;align-items:center;position:relative}.footer__copyright{display:flex;align-items:center;gap:40px;position:relative;padding:8px 30px;background:#14142380;border-radius:15px;border:1px solid rgba(139,92,246,.2);box-shadow:inset 0 0 20px #8b5cf61a,0 5px 15px #0000004d}@media(max-width:768px){.footer__copyright{gap:16px}}@media(max-width:640px){.footer__copyright{flex-direction:column;gap:8px}}.footer__copyright:before{content:"✧";position:absolute;left:10px;top:40%;color:#8b5cf6;font-size:16px;text-shadow:0 0 10px rgba(139,92,246,.8)}@media(min-width:576px){.footer__copyright:before{animation:sparkle 3s ease-in-out infinite}}.footer__copyright:after{content:"✧";position:absolute;right:10px;top:40%;color:#d946ef;font-size:16px;text-shadow:0 0 10px rgba(217,70,239,.8)}@media(min-width:576px){.footer__copyright:after{animation:sparkle 3s ease-in-out infinite reverse}}.footer__magic-text{font-size:16px;font-weight:500;background:linear-gradient(135deg,#8b5cf6,#d946ef 40%,#a855f7 60%,#8b5cf6);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px rgba(139,92,246,.4),0 0 15px rgba(217,70,239,.3);padding:5px 15px;border-radius:10px;position:relative;transition:transform .3s ease-in,background-position .3s ease-in,box-shadow .3s ease-in}.footer__magic-text:hover{transform:scale(1.05);background-position:100% 100%;box-shadow:0 0 20px #8b5cf64d,inset 0 0 15px #d946ef33}@media(max-width:768px){.footer__magic-text{padding:0}}@media(max-width:576px){.footer__magic-text{padding:0}}.footer__text{margin:0;font-size:16px;color:#a5a5c7;letter-spacing:.5px;padding:0 12px;border-left:1px solid rgba(139,92,246,.3);border-right:1px solid rgba(139,92,246,.3)}@media(max-width:576px){.footer__text{padding:0 4px}}.footer__contact{position:relative}.footer__contact-text{margin:0;font-size:16px;color:#b5b5d7}.footer__contact-link{color:transparent;background:linear-gradient(90deg,#8b5cf6,#d946ef);-webkit-background-clip:text;background-clip:text;text-decoration:none;font-weight:600;position:relative;padding:2px 5px;border-radius:4px;transition:text-shadow .3s ease-in,transform .3s ease-in}.footer__contact-link:hover{text-shadow:0 0 10px rgba(139,92,246,.6),0 0 20px rgba(217,70,239,.4);transform:translateY(-2px)}.footer__contact-link:hover:after{transform:scaleX(1)}.footer__contact-link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,#8b5cf6,#d946ef);transform:scaleX(0);transition:transform .3s ease}@keyframes sparkle{0%,to{opacity:.7;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.startPage{width:100%;display:flex;flex-direction:column;margin:0 auto;text-align:center;position:relative;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.startPage.visible{opacity:1;transform:translateY(0)}.startPage__wrapper{display:flex;flex-direction:column;padding:360px 0 0}@media(max-width:768px){.startPage__wrapper{padding:320px 0 0}}@media(max-width:576px){.startPage__wrapper{padding:200px 0 0}}.startPage__title{margin:0 0 40px;font-size:64px;display:inline-block;color:#fff;position:relative;padding:10px 20px;font-weight:400;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(139,92,246,.3)}@media(max-width:768px){.startPage__title{margin:0 0 30px;font-size:54px}}@media(max-width:576px){.startPage__title{font-size:48px}}.startPage__text{margin:0 0 60px;font-size:32px;display:inline-block;color:#ddd;position:relative;padding:0;font-weight:300;line-height:1.4}.letter{display:inline-block;opacity:0;transform:translateY(20px);animation:letterAppear .6s ease-out forwards;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.3);will-change:transform,opacity}.word{position:relative;margin:0 5px;display:inline-block}@keyframes letterAppear{0%{opacity:0;transform:translateY(30px) rotateX(90deg);filter:blur(3px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}.btn{font-family:inherit;font-weight:600;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#8b5cf6,#7c3aed,#6d28d9);color:#fff;border:none;padding:15px;font-size:16px;border-radius:12px;cursor:pointer;letter-spacing:1px;box-shadow:0 6px 20px #8b5cf64d,inset 0 1px #fff3;position:relative;overflow:hidden;width:100%;max-width:260px;margin:0 auto;transition:transform .3s ease-in,box-shadow .3s ease-in,background .3s ease-in}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}@media(min-width:576px){.btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 25px #8b5cf680,inset 0 1px #ffffff4d;background:linear-gradient(145deg,#9b6cff,#8c4afe,#7d39e9)}.btn:hover:before{left:100%}}.btn[data-size=small]{padding:8px 14px;font-size:16px;max-width:fit-content}.btn:disabled,.btn[disabled]{opacity:.75;cursor:not-allowed;pointer-events:none;transform:none;background:gray;box-shadow:0 0 #8b5cf64d,inset 0 0 #fff3}.btn--close{position:absolute;background:transparent;border:2px solid #764ba2;box-shadow:none;right:0}.btn--margin{margin:0 auto 40px}.btn-magic{font-family:Playfair Display,Times New Roman,Georgia,serif;border:2px solid #8b5cf6;padding:20px 50px;margin:0 auto 50px;width:350px;background:linear-gradient(145deg,#8b5cf626,#23233ccc);cursor:pointer;color:#fff;font-size:28px;border-radius:50px;transition:all .6s cubic-bezier(.34,1.56,.64,1);animation:fadeIn .8s ease-out 3s both;opacity:0;transform:scale(.95);position:relative;overflow:hidden;font-weight:700;letter-spacing:1px;will-change:transform,box-shadow,background,border-color}.btn-magic:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#ff0080,#ff8c00,#40e0d0,#9b59b6,#ff0080);background-size:400% 400%;border-radius:52px;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:-1}@media(min-width:576px){.btn-magic:hover:before{opacity:1;animation:borderGlow 8s linear infinite}}.btn-magic:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .8s ease;pointer-events:none}@media(min-width:576px){.btn-magic:hover:after{left:100%}}@media(min-width:576px){.btn-magic:hover{background:linear-gradient(145deg,#8b5cf64d,#d946ef33);transform:translateY(-8px) scale(1.05);box-shadow:0 15px 35px #8b5cf699,0 5px 15px #d946ef66,0 0 40px #8b5cf64d;border-color:#d946ef}}@keyframes fadeIn{to{opacity:1;transform:scale(1)}}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.menu-page{background:transparent;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;padding:0}.menu-page__wrapper{display:flex;flex-direction:column;height:100%;position:relative;padding:140px 0 40px}@media(max-width:576px){.menu-page__wrapper{padding:100px 0 40px}}.menu-page__header{text-align:center;margin-bottom:60px}@media(max-width:768px){.menu-page__header{margin-bottom:40px}}@media(max-width:576px){.menu-page__header{margin-bottom:30px}}.menu-page__title{font-size:48px;line-height:1.2;color:#fff;margin:0 0 20px;letter-spacing:1.5px;background:linear-gradient(90deg,#8b5cf6,#d946ef,#f97316,#3b82f6,#8b5cf6);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(min-width:576px){.menu-page__title{animation:magicalFlow 8s ease-in-out infinite}}.menu-page__title{text-shadow:0 0 15px rgba(139,92,246,.3),0 0 30px rgba(139,92,246,.2)}@media(max-width:576px){.menu-page__title{font-size:36px}}.menu-page__subtitle{font-size:20px;color:#aaa;letter-spacing:.5px;line-height:1.6;max-width:600px;margin:0 auto}@media(max-width:768px){.menu-page__subtitle{font-size:18px}}@media(max-width:576px){.menu-page__subtitle{font-size:16px}}.menu-page__content{padding:0}@keyframes magicalFlow{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}}.menu-choices-container{display:flex;align-items:stretch;justify-content:center;gap:40px;width:100%;height:100%;max-width:900px;margin:0 auto}@media(max-width:768px){.menu-choices-container{gap:30px}}@media(max-width:576px){.menu-choices-container{gap:20px;flex-direction:column}}.menu-choice{background:linear-gradient(145deg,#2d2d46f2,#23233cf2);border-radius:20px;padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100%;width:100%;box-shadow:0 8px 25px #0006,inset 0 1px #ffffff1a;outline:2px solid transparent;position:relative}@media(max-width:768px){.menu-choice{padding:20px}}.menu-choice__title{font-size:28px;line-height:1.1;color:transparent;margin:0 0 30px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(90deg,#8b5cf6,#d946ef,#8b5cf6);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}@media(max-width:576px){.menu-choice__title{font-size:32px;margin:0 0 10px}}.menu-choice__img{height:140px;object-fit:contain;margin:0 0 20px;display:block;filter:drop-shadow(0 10px 20px rgba(139,92,246,.2));transition:transform .3s ease-in,filter .3s ease-in}@media(max-width:768px){.menu-choice__img{height:120px}}@media(max-width:576px){.menu-choice__img{height:80px;margin:0 0 10px}}@media(min-width:576px){.menu-choice:hover .menu-choice__img{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 15px 30px rgba(139,92,246,.4))}}.menu-choice__description{color:#aaa;font-size:16px;line-height:1.2;margin:0 0 25px;flex-grow:1}@media(max-width:576px){.menu-choice__description{font-size:14px;margin:0 0 14px}}@keyframes titleFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tarotlayout{background:transparent;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;padding:0}.tarotlayout__wrapper{display:flex;flex-direction:column;height:100%;position:relative;padding:100px 0 40px}.tarotlayout__title{font-size:36px;line-height:1.2;margin:0 0 20px;background:linear-gradient(90deg,#8b5cf6,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:576px){.tarotlayout__title{font-size:32px;margin:50px auto 20px}}.tarotlayout__img{max-width:160px;height:auto;margin:0 auto 20px;transform:rotate(-15deg)}@media(max-width:576px){.tarotlayout__img{max-width:120px}}.tarotlayout__btn{background:linear-gradient(145deg,#d946ef,#c026d3);color:#fff;border:none;padding:15px 40px;border-radius:12px;cursor:pointer;font-size:18px;font-weight:700;margin:20px 0 40px;transition:all .3s ease}.tarotlayout__btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #d946ef66}.cards-three{display:flex;height:100%;gap:20px;margin:0;justify-content:center;align-items:center}@media(max-width:768px){.cards-three{gap:14px}}@media(max-width:576px){.cards-three{gap:12px}}@media(max-width:410px){.cards-three{gap:10px}}.tarot-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;height:auto;max-width:320px;opacity:0;animation:cardAppear 1s cubic-bezier(.34,1.56,.64,1) forwards}@media(max-width:1024px){.tarot-card-wrapper{gap:20px}}.tarot-card-wrapper:nth-child(1){animation-delay:.2s}.tarot-card-wrapper:nth-child(2){animation-delay:.4s}.tarot-card-wrapper:nth-child(3){animation-delay:.6s}.tarot-card-wrapper:nth-child(4){animation-delay:.8s}.tarot-card-wrapper:nth-child(5){animation-delay:1s}.tarot-card-wrapper:nth-child(6){animation-delay:1.2s}.tarot-card-wrapper:nth-child(7){animation-delay:1.4s}.tarot-card-wrapper:nth-child(8){animation-delay:1.6s}.tarot-card-wrapper:nth-child(9){animation-delay:1.8s}.tarot-card-wrapper:nth-child(10){animation-delay:2s}.tarot-card-wrapper:nth-child(11){animation-delay:2.2s}.tarot-card-wrapper:nth-child(12){animation-delay:2.4s}.tarot-card-wrapper:nth-child(13){animation-delay:2.6s}.tarot-card-wrapper:nth-child(14){animation-delay:2.8s}.tarot-card-wrapper:nth-child(15){animation-delay:3s}.tarot-card-wrapper:nth-child(16){animation-delay:3.2s}.tarot-card-wrapper:nth-child(17){animation-delay:3.4s}.tarot-card-wrapper:nth-child(18){animation-delay:3.6s}.tarot-card-wrapper:nth-child(19){animation-delay:3.8s}.tarot-card-wrapper:nth-child(20){animation-delay:4s}.tarot-card-wrapper:nth-child(21){animation-delay:4.2s}.tarot-card-wrapper:nth-child(22){animation-delay:4.4s}.tarot-card-wrapper:nth-child(23){animation-delay:4.6s}.tarot-card-wrapper:nth-child(24){animation-delay:4.8s}.tarot-card-wrapper:nth-child(25){animation-delay:5s}.tarot-card-wrapper:nth-child(26){animation-delay:5.2s}.tarot-card-wrapper:nth-child(27){animation-delay:5.4s}.tarot-card-wrapper:nth-child(28){animation-delay:5.6s}.tarot-card-wrapper:nth-child(29){animation-delay:5.8s}.tarot-card-wrapper:nth-child(30){animation-delay:6s}@keyframes cardAppear{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.header-card{font-size:16px;font-weight:700;color:#8b5cf6;text-align:center;padding:8px 16px;background:#8b5cf61a;border-radius:10px;border:1px solid rgba(139,92,246,.3);width:100%}@media(max-width:576px){.header-card{font-size:14px}}@media(max-width:400px){.header-card{font-size:12px;padding:6px}}.instruction{text-align:center;font-size:18px;line-height:1.2;color:#aaa;padding:60px 40px;background:#ffffff0d;border-radius:15px}.tarotlayout.loading-state,.tarotlayout.error-state{display:flex;align-items:center;justify-content:center;min-height:100vh}.card{-webkit-user-select:none;user-select:none;max-width:300px;width:100%;aspect-ratio:3/5;perspective:1300px;cursor:pointer;position:relative;margin:0 auto;will-change:transform}@media(max-width:768px){.card{aspect-ratio:3/6}}.card__block-title{display:flex;flex-direction:column;text-align:center;gap:8px;margin:0 0 20px}@media(max-width:768px){.card__block-title{margin:0 0 14px;gap:6px}}@media(max-width:576px){.card__block-title{margin:0 0 8px;gap:4px}}@media(max-width:410px){.card__block-title{margin:0 0 8px;gap:2px}}@media(max-width:350px){.card__block-title{margin:0 0 4px;gap:1px}}.card__title{font-size:28px;line-height:1.2;margin:0;letter-spacing:1px;background:linear-gradient(90deg,#8b5cf6,#d946ef,#8b5cf6);background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(139,92,246,.3);animation:titlePulse 12s ease-in-out infinite;position:relative;display:inline-block}.card__title:before{content:"";position:absolute;inset:-5px -10px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);filter:blur(15px);z-index:-1;opacity:.5;animation:glowPulse 12s ease-in-out infinite}@media(max-width:1024px){.card__title{font-size:20px}}@media(max-width:768px){.card__title{font-size:18px}}@media(max-width:600px){.card__title{font-size:16px}}@media(max-width:576px){.card__title{animation:none;opacity:1;font-size:14px;letter-spacing:0px}}@media(max-width:410px){.card__title{font-size:13px}}.card__number{font-size:16px;color:#8b5cf6;font-family:monospace;opacity:.7;letter-spacing:1px}@media(max-width:768px){.card__number{font-size:12px}}@media(max-width:576px){.card__number{font-size:10px}}.card__image-container{display:flex;padding:20px;max-width:220px;width:100%;margin:0 auto;border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(145deg,#141423cc,#1e1e32e6);border:2px solid rgba(139,92,246,.2);box-shadow:inset 0 0 20px #0006,0 4px 15px #8b5cf61a}@media(max-width:768px){.card__image-container{padding:0;background:none;border:none;box-shadow:none;background-color:transparent}}.card__image{width:100%;height:100%;object-fit:contain;filter:brightness(1.05) contrast(1.1) saturate(1.1) drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .5s cubic-bezier(.34,1.56,.64,1)}@media(min-width:576px){.card:hover .card__image{transform:scale(1.05);filter:brightness(1.1) contrast(1.15) saturate(1.2) drop-shadow(0 4px 8px rgba(139,92,246,.3))}}@media(min-width:576px){.card:hover .card-front{box-shadow:0 15px 35px #8b5cf666,0 0 50px #8b5cf61a,inset 0 1px #ffffff26;border-image:linear-gradient(45deg,#9b6cff,#e957f9,#9b6cff) 1}}@media(min-width:576px){.card:hover .card-back{box-shadow:0 15px 35px #d946ef66,0 0 50px #d946ef1a,inset 0 1px #ffffff26;border-image:linear-gradient(45deg,#e957f9,#8b5cf6,#e957f9) 1}}@keyframes titlePulse{0%,to{background-position:0% 50%;text-shadow:0 0 20px rgba(139,92,246,.3)}50%{background-position:100% 50%;text-shadow:0 0 30px rgba(217,70,239,.6),0 0 50px rgba(139,92,246,.4)}}@keyframes glowPulse{0%,to{opacity:.3;filter:blur(12px)}50%{opacity:.7;filter:blur(20px)}}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;overflow:hidden;box-shadow:0 10px 30px #0000004d,0 0 0 1px #8b5cf61a;transition:transform .6s ease,box-shadow .3s ease-in}.card-front{background:linear-gradient(145deg,#2d2d46f2,#23233cf2);border:2px solid transparent;border-image:linear-gradient(45deg,#8b5cf6,#d946ef,#8b5cf6) 1;display:flex;flex-direction:column;height:100%}.card-front__content{padding:40px 14px;width:100%;height:100%;display:flex;flex-direction:column}@media(max-width:1024px){.card-front__content{padding:30px 14px 14px}}@media(max-width:768px){.card-front__content{padding:24px 10px 10px}}@media(max-width:576px){.card-front__content{padding:14px 10px}}@media(max-width:420px){.card-front__content{padding:10px 2px}}.card-back{background:linear-gradient(145deg,#23233cfa,#191932fa);border:2px solid transparent;border-image:linear-gradient(45deg,#d946ef,#8b5cf6,#d946ef) 1;transform:rotateY(180deg);height:100%;display:flex;flex-direction:column}.card-back__content{padding:40px 20px;width:100%;height:100%;display:flex;flex-direction:column}@media(max-width:1024px){.card-back__content{padding:24px 14px}}@media(max-width:768px){.card-back__content{padding:30px 14px 14px}}@media(max-width:576px){.card-back__content{padding:14px}}@media(max-width:440px){.card-back__content{padding:10px 2px}}.card-back__header{text-align:center;margin:0 auto 20px;gap:0}@media(max-width:1024px){.card-back__header{margin:0 auto 16px}}@media(max-width:768px){.card-back__header{margin:0 auto 10px}}@media(max-width:576px){.card-back__header{margin:0 auto 8px}}@media(max-width:410px){.card-back__header{margin:0 auto 4px}}.card-back__title{font-size:28px;line-height:1.2;color:#fff;margin:0 0 14px;background:linear-gradient(90deg,#8b5cf6,#d946ef,#8b5cf6);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.card-back__title{font-size:24px}}@media(max-width:768px){.card-back__title{font-size:20px;margin:0 0 12px}}@media(max-width:576px){.card-back__title{font-size:14px;margin:0 0 8px}}@media(max-width:410px){.card-back__title{font-size:13px;line-height:1.1;margin:0 0 4px}}.card-arcana{font-size:14px;line-height:1.4;color:#aaa;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;background:#8b5cf61a;border-radius:12px;display:inline-block}@media(max-width:768px){.card-arcana{font-size:12px}}@media(max-width:576px){.card-arcana{font-size:9px;line-height:1.1;padding:0;background:transparent}}.meaning{margin:0 0 10px;flex:1;overflow-y:auto}.meaning__title{font-size:22px;color:#8b5cf6;margin:0 0 10px;font-weight:700}@media(max-width:1024px){.meaning__title{font-size:18px}}@media(max-width:768px){.meaning__title{font-size:16px}}@media(max-width:576px){.meaning__title{font-size:12px;line-height:1.1;margin:0 0 4px}}.meaning__text{font-size:16px;color:#ddd;line-height:1.5;letter-spacing:.3px}@media(max-width:1024px){.meaning__text{line-height:1.2}}@media(max-width:768px){.meaning__text{font-size:14px;line-height:1.2}}@media(max-width:576px){.meaning__text{font-size:12px;line-height:1.1}}.answer{padding:15px 12px;background:#ffffff0d;border-radius:12px;border-left:3px solid whitesmoke}@media(max-width:1024px){.answer{padding:12px 8px}}@media(max-width:768px){.answer{padding:10px 4px}}@media(max-width:576px){.answer{padding:8px 4px}}@media(max-width:410px){.answer{padding:6px 3px;border-left:2px solid}}@media(max-width:350px){.answer{padding:4px 3px}}.answer__title{font-size:14px;color:#fff;margin:0 0 14px}@media(max-width:768px){.answer__title{font-size:12px;margin:0 0 10px}}@media(max-width:576px){.answer__title{font-size:10px;line-height:1.1;margin:0 0 8px}}@media(max-width:410px){.answer__title{font-size:8px;line-height:1.1;margin:0 0 4px}}@media(max-width:350px){.answer__title{font-size:6px;margin:0}}.answer__badge{display:inline-block;line-height:1.3;border-radius:20px;font-weight:700;font-size:16px;margin:0 0 14px}@media(max-width:768px){.answer__badge{margin:0 0 12px}}@media(max-width:576px){.answer__badge{margin:0;font-size:12px;line-height:1.2}}@media(max-width:410px){.answer__badge{font-size:10px;line-height:1.1}}@media(max-width:350px){.answer__badge{font-size:8px;line-height:1.1}}.answer__yes{color:#4ade80;display:flex;align-items:center;gap:5px}.answer__no{color:#f87171;display:flex;align-items:center;gap:5px}.answer__description{font-size:14px;color:#bbb;margin:0;line-height:1.4;font-style:italic}@media(max-width:1024px){.answer__description{line-height:1.3;font-size:12px}}@media(max-width:768px){.answer__description{line-height:1.1}}@media(max-width:680px){.answer__description{display:none}}.card.flipped .card-front{transform:rotateY(180deg)}.card.flipped .card-back{transform:rotateY(0)}.card.reversed:not(.flipped) .card-front{transform:rotate(180deg)}.card.reversed.flipped .card-front{transform:rotateY(180deg) rotate(180deg)}.card.reversed.flipped .card-back{transform:rotateY(0) rotate(180deg)}.card-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;z-index:2}.card-loading span{color:#aaa;font-size:14px}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.custom-loader{width:50px;height:50px;border-radius:50%;color:#766df4;background:linear-gradient(currentColor 0 0) center/100% 4px,linear-gradient(currentColor 0 0) center/4px 100%,radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 6px),currentColor calc(100% - 5px)),radial-gradient(circle 6px,currentColor 94%,rgba(0,0,0,0) 0);background-repeat:no-repeat;animation:s10 2s infinite linear;position:relative}.custom-loader:before{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;transform:rotate(45deg)}@keyframes s10{to{transform:rotate(.5turn)}}.cards-page{height:100%;background:transparent;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.cards-page__wrapper{display:flex;flex-direction:column;height:100%;position:relative;padding:100px 0 40px}.cards-page__header{margin-bottom:40px}.cards-page__content{text-align:center}.cards-page__title{font-size:42px;line-height:1.2;margin:0 0 10px;background:linear-gradient(90deg,#8b5cf6,#d946ef,#f97316,#3b82f6,#8b5cf6);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}@media(min-width:576px){.cards-page__title{animation:magicalFlow 8s ease-in-out infinite}}@media(max-width:576px){.cards-page__title{font-size:32px;padding:50px 0 0}}.cards-page__subtitle{font-size:18px;line-height:1.2;color:#aaa;margin:0}@media(max-width:576px){.cards-page__subtitle{font-size:14px}}.controls-panel{background:#2d2d46b3;border-radius:15px;padding:20px;margin-bottom:20px;border:1px solid rgba(139,92,246,.15)}@media(max-width:576px){.controls-panel{padding:10px 8px}}.search-container{position:relative;margin-bottom:20px}@media(max-width:576px){.search-container{margin-bottom:0}}.search-input{font-family:Playfair Display,Times New Roman,Georgia,serif;width:100%;padding:12px 40px 12px 20px;background:#ffffff1a;border:1px solid rgba(139,92,246,.3);border-radius:10px;color:#fff;font-size:16px}.search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;font-size:18px}.filters-container{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}@media(max-width:576px){.filters-container{display:none}}.filter-group{flex:1;min-width:180px}.filter-group label{display:block;margin-bottom:8px;color:#ddd;font-size:14px}.filter-select{font-family:inherit;letter-spacing:1px;width:100%;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#8b5cf6}.filter-select option{background:#2d2d46;color:#fff;padding:8px}.filter-select option:hover{background:#8b5cf6}.filter-select option:checked{background:#8b5cf6;color:#fff}.results-info{margin-bottom:20px;padding:12px;background:#8b5cf61a;border-radius:10px;text-align:center;color:#ddd}@media(max-width:576px){.results-info{display:none}}.cards-container{text-align:center;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-content:center;margin-bottom:40px;gap:30px}@media(max-width:576px){.cards-container{gap:20px}}.cards-wrapper{display:flex;align-items:center;justify-content:center}.no-results{text-align:center;padding:60px 20px;color:#aaa;font-size:18px;background:#ffffff08;border-radius:15px;border:1px dashed rgba(139,92,246,.3)}.cards-footer{padding:20px;background:#2d2d46b3;border-radius:15px;text-align:center;border:1px solid rgba(139,92,246,.15);color:#f5f5f5cc;font-size:16px}@media(max-width:576px){.cards-footer{font-size:14px}}.cards-footer__content{display:flex;flex-direction:column;justify-content:center;gap:8px}.loading,.error{padding:140px 0 0;display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center}@keyframes magicalFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(217,70,239,.3) 0%,transparent 50%),#0a0a15;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .5s ease}.loading-screen.fade-out{animation:fadeOut .5s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.loading-container{text-align:center;max-width:500px;padding:40px;background:#2d2d46cc;border-radius:20px;border:1px solid rgba(139,92,246,.3);box-shadow:0 20px 50px #00000080,0 0 100px #8b5cf633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.star-container{position:relative;margin:0 auto 40px;width:140px;height:140px;display:flex;justify-content:center;align-items:center}.star-svg{width:100%;height:100%;animation:starRotate 4s linear infinite,starGlow 2s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}@keyframes starRotate{0%{transform:rotate(0) scale(1);filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}50%{transform:rotate(180deg) scale(1.1);filter:drop-shadow(0 0 15px rgba(217,70,239,.7))}to{transform:rotate(360deg) scale(1);filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}}@keyframes starGlow{0%{opacity:.8}to{opacity:1}}.spark{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#f97316 20%,transparent 70%);border-radius:50%;animation:sparkle 2s ease-in-out infinite}.spark-1{top:10px;left:50%;transform:translate(-50%);animation-delay:0s}.spark-2{top:50%;right:10px;transform:translateY(-50%);animation-delay:.4s}.spark-3{bottom:10px;left:50%;transform:translate(-50%);animation-delay:.8s}.spark-4{top:50%;left:10px;transform:translateY(-50%);animation-delay:1.2s}.spark-5{top:25%;left:25%;animation-delay:1.6s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}.progress-container{margin:40px 0}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.progress-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#8b5cf6,#d946ef,#f97316);border-radius:4px;position:relative;z-index:1;box-shadow:0 0 10px #8b5cf680;transition:width .2s ease-out}.progress-text{margin-top:12px;color:#8b5cf6;font-size:20px;font-weight:700;text-shadow:0 0 5px rgba(139,92,246,.5);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.loading-text{margin:30px 0;min-height:80px;display:flex;flex-direction:column;justify-content:center}.welcome-text{animation:slideUp .8s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-title{font-size:28px;line-height:1.2;margin:0 0 10px;background:linear-gradient(90deg,#8b5cf6,#d946ef,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(139,92,246,.3);animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 2px 10px rgba(139,92,246,.3),0 0 20px rgba(217,70,239,.2)}to{text-shadow:0 2px 15px rgba(217,70,239,.5),0 0 30px rgba(249,115,22,.3)}}.welcome-subtitle{color:#bbb;font-size:16px;font-style:italic;margin:0;animation:subtitleFade 3s ease-in-out infinite}@keyframes subtitleFade{0%,to{opacity:.7}50%{opacity:1}}.magic-symbols{display:flex;justify-content:center;gap:20px;margin-top:30px}.symbol{font-size:24px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(139,92,246,.5))}.symbol:nth-child(1){animation-delay:0s}.symbol:nth-child(2){animation-delay:.6s}.symbol:nth-child(3){animation-delay:1.2s}.symbol:nth-child(4){animation-delay:1.8s}.symbol:nth-child(5){animation-delay:2.4s}@keyframes float{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-15px) rotate(10deg) scale(1.2)}}@media(max-width:600px){.loading-container{padding:20px;margin:20px}.welcome-title{font-size:22px}.star-container{width:100px;height:100px}.magic-symbols{gap:10px}.symbol{font-size:18px}.progress-text{font-size:16px}}.question-page__wrapper{display:flex;flex-direction:column;height:100%;position:relative;padding:100px 0 40px}.question-page__title{text-align:center;font-size:36px;line-height:1.2;margin:0 auto 30px;background:linear-gradient(90deg,#8b5cf6,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:576px){.question-page__title{font-size:32px;margin:50px 0 20px}}.question-page__img{max-width:120px;height:auto;margin:0 auto 30px;transform:rotate(10deg)}@media(max-width:576px){.question-page__img{margin:0 auto 20px}}.question-page__search-container{position:relative;margin:0 auto 30px;width:100%;max-width:666px}@media(max-width:576px){.question-page__search-container{margin:0 auto 20px}}.question-page__cards-container{text-align:center;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-content:center;margin-bottom:40px;gap:30px}@media(max-width:576px){.question-page__cards-container{gap:20px}}.question-page__card-wrapper{display:flex;flex-direction:column;margin:0 auto;gap:30px;width:100%;height:auto;max-width:320px;opacity:0;animation:cardAppear 1s cubic-bezier(.34,1.56,.64,1) forwards}@media(max-width:1024px){.question-page__card-wrapper{gap:20px}}.question-page__buttons{display:flex;flex-direction:column;gap:20px;margin:0 0 30px}@media(max-width:576px){.question-page__buttons{margin:0 0 20px}}.question-page__question-block{display:flex;flex-direction:column;gap:20px;margin:0 auto 40px}.question-page__answer-title{font-size:32px;line-height:1.2;margin:0 auto;background:linear-gradient(90deg,#8b5cf6,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:576px){.question-page__answer-title{font-size:24px}}.question-page.loading-state,.question-page.error-state{display:flex;align-items:center;justify-content:center;min-height:100vh}.question-page__result{margin:0 auto 40px;width:100%;display:flex;justify-content:center}.result-card{background:linear-gradient(145deg,#2d2d46b3,#23233ccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:24px 32px;max-width:700px;width:100%;text-align:center;border:1px solid rgba(139,92,246,.3);box-shadow:0 10px 30px #0000004d,0 0 0 1px #8b5cf61a inset;position:relative;overflow:hidden}@media(max-width:576px){.result-card{padding:16px 24px}}.result-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation:rotateGlow 20s linear infinite;pointer-events:none}.result-card__label{font-size:18px;text-transform:uppercase;letter-spacing:3px;font-weight:500;display:inline-block;padding:6px 16px;border-radius:30px}@media(max-width:576px){.result-card__label{font-size:14px}}.result-card__label--question{background:linear-gradient(90deg,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 15px rgba(139,92,246,.5);border:1px solid rgba(139,92,246,.3)}.result-card__label--answer{background:linear-gradient(90deg,#d946ef,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 15px rgba(217,70,239,.5);border:1px solid rgba(217,70,239,.3)}.result-card__question{font-size:24px;line-height:1.4;margin:20px 0;padding:20px;background:#0000004d;border-radius:16px;font-family:Renaissance,serif;font-style:italic;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;z-index:1;border-left:3px solid #8b5cf6;border-right:3px solid #d946ef}@media(max-width:576px){.result-card__question{font-size:20px}}.result-card__question{animation:questionAppear .6s ease-out}.result-card__question:before,.result-card__question:after{content:"“";position:absolute;font-size:60px;opacity:.2;font-family:serif}@media(max-width:576px){.result-card__question:before,.result-card__question:after{font-size:40px}}.result-card__question:before{top:-10px;left:10px}@media(max-width:576px){.result-card__question:before{top:0}}.result-card__question:after{content:"”";bottom:-30px;right:10px}@media(max-width:576px){.result-card__question:after{bottom:-25px}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes questionAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-text,.error-title{font-size:24px;color:#8b5cf6;margin-bottom:10px}.error-text{color:#f87171;margin-bottom:20px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Playfair Display,Times New Roman,Georgia,serif;font-size:14px;line-height:16px;color:#000;background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(217,70,239,.3) 0%,transparent 50%),#0a0a15;background-attachment:fixed;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;height:100%;max-width:1440px;margin:0 auto;padding:0 14px}.container:before{position:absolute;inset:0;content:"";background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(217,70,239,.3) 0%,transparent 50%),#0a0a15;z-index:100;pointer-events:none;animation:ContainerOpacity 1.6s ease-in-out forwards}@media(max-width:576px){.container{padding:0 8px}}@keyframes ContainerOpacity{0%{opacity:1}to{opacity:0}}a{color:#667eea;text-decoration:none;transition:color .3s ease-in}a:hover{color:#764ba2}