*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}::selection{background:#f1c40f4d;color:#fff}:focus-visible{outline:2px solid #f1c40f;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}}@media (max-width: 480px){h1{font-size:1.8rem}h2{font-size:1.3rem}h3{font-size:1.1rem}}.gallery-container{min-height:100vh;padding:2rem}.gallery-header{text-align:center;margin-bottom:3rem;color:#fff}.gallery-header h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.gallery-header p{font-size:1.2rem;margin-bottom:.5rem;opacity:.9}.instruction{font-style:italic}.tarot-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:1rem}.tarot-card{width:250px;height:370px;border-radius:1rem;cursor:pointer;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;overflow:hidden;margin:0 auto;background:linear-gradient(145deg,#2c3e50,#34495e);border:2px solid #f39c12}.tarot-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px #0006;border-color:#f1c40f}.tarot-card:active{transform:translateY(-5px) scale(1.02)}.card-back{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background-image:url(/assets/10299167-BhCpBfOk.jpg);background-size:contain;background-position:center;background-repeat:no-repeat}.card-number{font-size:1.5rem;font-weight:700;color:#f1c40f;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:#0000004d;padding:.5rem 1rem;border-radius:20px;border:2px solid #f39c12}.gallery-footer{text-align:center;margin-top:3rem;color:#fff;opacity:.8}@media (max-width: 768px){.gallery-container{padding:1rem}.gallery-header h1{font-size:2rem}.tarot-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.tarot-card{width:200px;height:300px}}.detail-container{min-height:100vh;padding:2rem;color:#fff}.detail-header{text-align:center;margin-bottom:3rem}.detail-header h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.card-number{font-size:1.2rem;opacity:.8;background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;display:inline-block}.card-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-bottom:3rem}.tarot-section{background:#ffffff1a;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center;display:flex;flex-direction:column;align-items:center}.tarot-section h2{text-align:center;margin-bottom:2rem;font-size:2rem}.card-image-container{text-align:center;margin-bottom:2rem}.card-image{width:250px;height:370px;object-fit:cover;border-radius:15px;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease;border:2px solid #f39c12}.card-image:hover{transform:scale(1.05);border-color:#f1c40f}.card-description{text-align:center;max-width:400px}.card-description h3{color:#f1c40f;margin-bottom:1rem;font-size:1.3rem}.card-description p{line-height:1.6;font-size:1.1rem;text-align:justify}.goddess-section{background:#ffffff1a;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center;display:flex;flex-direction:column;align-items:center}.goddess-section h2{text-align:center;margin-bottom:2rem;font-size:2rem}.goddess-info{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.goddess-image-container{text-align:center;margin-bottom:2rem}.goddess-card{width:250px;height:370px;border-radius:15px;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease;border:2px solid #f1c40f;background-image:url(/assets/10299167-BhCpBfOk.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;margin:auto;display:flex;flex-direction:column;align-items:center}.goddess-card:hover{transform:scale(1.05);border-color:#f1c40f}.goddess-image{object-fit:contain;border-radius:15px 15px 0 0;margin-top:50%}.goddess-card-content{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:center}.goddess-card-content h3{color:#f1c40f;margin-bottom:.5rem;font-size:1.2rem;text-align:center}.goddess-card-content p{line-height:1.4;font-size:.9rem;text-align:center;color:#fff;overflow-y:auto;max-height:80px}.detail-footer{text-align:center;margin-top:3rem}.detail-footer p{margin-bottom:1rem;font-size:1.2rem;opacity:.8}.explore-button{background:linear-gradient(45deg,#f1c40f,#f39c12);color:#2c3e50;border:none;padding:1rem 2rem;border-radius:25px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 5px 15px #0003}.explore-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff;text-align:center}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff;text-align:center}.error-container h2{margin-bottom:1rem;color:#e74c3c}.error-container button{background:#e74c3c;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background .3s ease}.error-container button:hover{background:#c0392b}@media (max-width: 768px){.detail-container{padding:1rem}.detail-header h1{font-size:2rem}.card-content{grid-template-columns:1fr;gap:2rem}.back-button{position:relative;top:auto;left:auto;margin-bottom:2rem}.card-image,.goddess-card{width:200px;height:300px}.card-description{max-width:100%}}.reading-container{min-height:100vh;padding:2rem;color:#fff}.reading-header{text-align:center;margin-bottom:3rem}.reading-header h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.reading-header p{font-size:1.2rem;opacity:.9}.back-button{position:absolute;top:2rem;left:2rem;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translate(-5px)}.deck-selection{max-width:1200px;margin:0 auto}.position-indicator{text-align:center;margin-bottom:2rem;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.position-indicator h2{font-size:2rem;margin-bottom:1rem;color:#f1c40f}.current-position{color:#cd96e2;font-weight:700}.selection-progress{font-size:1.1rem;opacity:.8}.deck-container{margin-bottom:3rem}.deck-instructions{text-align:center;margin-bottom:2rem;background:#ffffff1a;border-radius:15px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.deck-instructions p{margin-bottom:.5rem;font-size:1.1rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-width:800px;margin:0 auto}.deck-card{width:120px;height:180px;border-radius:1rem;cursor:pointer;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;overflow:hidden;margin:0 auto;border:2px solid #f39c12}.deck-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px #0006;border-color:#f1c40f}.deck-card:active{transform:translateY(-5px) scale(1.02)}.deck-card .card-back{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background-image:url(/assets/10299167-BhCpBfOk.jpg);background-size:contain;background-position:center;background-repeat:no-repeat}.selected-cards-preview{text-align:center;margin-top:3rem;background:#ffffff1a;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selected-cards-preview h3{margin-bottom:1.5rem;color:#f1c40f;font-size:1.5rem}.preview-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.preview-card{text-align:center}.preview-card-back{width:80px;height:120px;border-radius:.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/10299167-BhCpBfOk.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;border:2px solid #f39c12;margin:0 auto .5rem;position:relative}.position-label{font-size:.9rem;font-weight:700;color:#f1c40f;margin:0}.empty-slot{width:80px;height:120px;border:2px dashed rgba(255,255,255,.3);border-radius:.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto .5rem;background:#ffffff0d}.empty-slot span{font-size:2rem;opacity:.5;margin-bottom:.3rem}.empty-slot p{font-size:.8rem;opacity:.7;margin:0}.reading-results{max-width:1200px;margin:0 auto}.results-header{text-align:center;border-radius:20px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-header h2{color:#f1c40f;margin-bottom:.5rem;font-size:2.5rem}.results-header p{font-size:1.2rem;opacity:.9}.positions-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto 3rem}.position-card{background:#ffffff1a;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center}.position-header{margin-bottom:2rem}.position-header h2{font-size:2rem;margin-bottom:1rem;color:#f1c40f}.card-flip-container{perspective:1200px;cursor:pointer;margin-top:1rem}.flip-card{position:relative;width:100%;height:400px;transition:transform .7s cubic-bezier(.4,2,.6,1);transform-style:preserve-3d}.flip-card.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.tarot-face{color:#fff}.goddess-face{background:linear-gradient(145deg,#8e44ad,#9b59b6);color:#fff;transform:rotateY(180deg)}.tarot-image{width:180px;height:240px;object-fit:cover;border-radius:12px;margin-bottom:1rem;box-shadow:0 5px 15px #0000004d;transition:transform .3s ease}.tarot-image:hover{transform:scale(1.05)}.goddess-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:4px solid #f1c40f;box-shadow:0 5px 15px #0000004d;transition:transform .3s ease}.goddess-image:hover{transform:scale(1.1)}.card-info,.goddess-info{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center}.card-info h3,.goddess-info h3{font-size:1.3rem;margin-bottom:.5rem;color:#f1c40f}.card-description,.goddess-description{font-size:.9rem;line-height:1.4;opacity:.9;max-height:80px;overflow-y:auto}.flip-hint{text-align:center;margin-top:1rem;font-size:.9rem;opacity:.7;font-style:italic}.reading-footer{text-align:center;padding:1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.completion-message h2{color:#f1c40f;margin-bottom:1rem;font-size:2rem}.completion-message p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.reset-button{background:linear-gradient(145deg,#8e44ad,#9b59b6);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 5px 15px #0003}.reset-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.reading-instructions{text-align:center;margin-top:2rem;opacity:.8}.reading-instructions p{margin-bottom:.5rem;font-size:1rem}.reading-loading,.reading-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#fff;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #f1c40f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reading-error h2{margin-bottom:1rem;color:#e74c3c}.reading-error button{background:#e74c3c;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background .3s ease}.reading-error button:hover{background:#c0392b}@media (max-width: 768px){.reading-container{padding:1rem}.reading-header h1{font-size:2rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.8rem}.deck-card{width:100px;height:150px}.preview-cards{gap:1rem}.preview-card-back{width:60px;height:90px}.back-button{position:relative;top:auto;left:auto;margin-bottom:2rem}.flip-card{height:350px}.tarot-image{width:150px;height:200px}.goddess-image{width:100px;height:100px}}body,html,#root{margin:0;padding:0;box-sizing:border-box}body{font-family:Avenir,Segoe UI,Arial,sans-serif;background:#18142a url(https://www.transparenttextures.com/patterns/stardust.png);color:#fff;height:100vh}.main-layout{min-height:100vh;display:flex;flex-direction:column}.main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:1rem 2rem;display:flex;justify-content:center;align-items:center;gap:2rem;position:sticky;top:0;z-index:100}.main-nav a{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:500;padding:.8rem 1.5rem;border-radius:25px;transition:all .3s ease;background:#ffffff1a;border:2px solid transparent}.main-nav a:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.main-nav a.active{background:#f1c40f4d;border-color:#f1c40f;color:#f1c40f}.icon{margin:0 .5rem;font-size:1.2rem}.main-content{flex:1;display:flex;flex-direction:column}.main-footer{color:#fff;text-align:center;padding:1.5rem;margin-top:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.main-footer span{margin:0 .5rem}@media (max-width: 768px){.main-nav{flex-direction:column;gap:1rem;padding:1rem}.main-nav a{width:100%;text-align:center;font-size:1rem}}a{color:#2b2a29;text-decoration:none;font-weight:700;transition:color .2s}a:hover{text-shadow:0 0 8px #5473edcc}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
