@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap");:root{--bg-color:#050b24;--bg-gradient:radial-gradient(circle at 50% 50%,#0d1e4a 0%,#020510 100%);--accent-purple:#08f;--accent-gold:gold;--accent-indigo:#03a;--text-primary:#f8f6fc;--text-muted:#bdaec6;--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.08);--font-serif:"Playfair Display",serif;--font-sans:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:rgba(255,215,0,.2);box-shadow:0 12px 40px 0 rgba(0,136,255,.2)}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 5px rgba(255,215,0,.2)}50%{box-shadow:0 0 20px rgba(255,215,0,.6)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}h1,h2,h3{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:.05em}.gold-gradient-text{background:linear-gradient(135deg,#fff3a1,gold 50%,#cca100);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.card-container{perspective:1000px;width:160px;height:260px;cursor:pointer}.tarot-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);border-radius:12px}.tarot-card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;border:2px solid var(--accent-gold);flex-direction:column;justify-content:space-between;padding:1rem}.card-back,.card-face{display:flex;align-items:center}.card-back{background:linear-gradient(135deg,#180a30,#06020c);justify-content:center;overflow:hidden}.card-back:before{content:"";position:absolute;width:80%;height:85%;border:1px solid rgba(255,215,0,.3);border-radius:8px}.card-back-pattern{width:50px;height:50px;border:2px solid var(--accent-gold);transform:rotate(45deg);position:relative;display:flex;align-items:center;justify-content:center;opacity:.7}.card-back-pattern:after{content:"★";color:var(--accent-gold);transform:rotate(-45deg);font-size:1.2rem}.card-front{background:linear-gradient(135deg,#1c1444,#0c0822);transform:rotateY(180deg);justify-content:center;text-align:center}.card-front.reversed{transform:rotateY(180deg) rotate(180deg)}.card-illustration{font-size:3rem;margin:1rem 0;filter:drop-shadow(0 0 8px var(--accent-gold))}.card-position{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-gold);margin-top:.5rem}.cosmic-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem}.spinner{width:60px;height:60px;border-left:3px solid rgba(255,215,0,.1);border-right:3px solid rgba(255,215,0,.1);border-radius:50%;border-top:3px solid rgba(255,215,0,.1);border-top-color:var(--accent-gold);border-bottom:3px solid rgba(255,215,0,.1);border-bottom-color:var(--accent-purple);animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.cosmic-btn{background:linear-gradient(90deg,var(--accent-purple) 0,var(--accent-indigo) 100%);border:1px solid hsla(0,0%,100%,.15);color:var(--text-primary);font-family:var(--font-sans);font-weight:600;letter-spacing:.05em;padding:.8rem 2rem;border-radius:30px;cursor:pointer;box-shadow:0 4px 15px rgba(138,43,226,.3);transition:all .3s ease;position:relative;overflow:hidden}.cosmic-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(138,43,226,.5),0 0 10px rgba(255,215,0,.4);border-color:var(--accent-gold)}.cosmic-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}