:root{--bg-deep:#02020f;--bg-dark:#070718;--bg-card:#0a0a28d9;--bg-card2:#140a32b3;--accent-gold:#c9a84c;--accent-gold-light:#e8cc7a;--accent-violet:#7c3aed;--accent-violet-light:#a78bfa;--accent-cyan:#06b6d4;--accent-rose:#f43f5e;--accent-emerald:#10b981;--text-primary:#f0eeff;--text-secondary:#a09cc0;--text-muted:#5a5680;--border:#785ac833;--border-gold:#c9a84c4d;--glow-violet:0 0 40px #7c3aed66;--glow-gold:0 0 30px #c9a84c59;--glow-cyan:0 0 30px #06b6d44d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;font-family:Noto Sans KR,sans-serif;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--accent-violet);border-radius:3px}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 60px #7c3aedb3,0 0 100px #c9a84c33}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}.font-cinzel{font-family:Cinzel,serif}.font-rajdhani{font-family:Rajdhani,sans-serif}.gradient-gold{background:linear-gradient(135deg,#c9a84c,#e8cc7a,#c9a84c) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.gradient-violet{background:linear-gradient(135deg,#7c3aed,#a78bfa,#7c3aed) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.cosmic-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;transition:all .4s}.cosmic-card:hover{box-shadow:var(--glow-violet);border-color:#a78bfa80;transform:translateY(-4px)}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:50px;padding:14px 32px;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed80}.btn-gold{color:#1a1200;cursor:pointer;background:linear-gradient(135deg,#92731f,#c9a84c,#92731f);border:none;border-radius:50px;padding:14px 32px;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:700;transition:all .3s}.btn-gold:hover{box-shadow:var(--glow-gold);transform:translateY(-2px)}.btn-outline{color:var(--accent-violet-light);cursor:pointer;background:0 0;border:1px solid #a78bfa66;border-radius:50px;padding:12px 28px;font-family:Noto Sans KR,sans-serif;font-size:14px;transition:all .3s}.btn-outline:hover{border-color:var(--accent-violet-light);background:#7c3aed33}.cosmic-input{border:1px solid var(--border);color:var(--text-primary);background:#0a081ecc;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-family:Noto Sans KR,sans-serif;font-size:14px;transition:all .3s}.cosmic-input:focus{border-color:var(--accent-violet-light);box-shadow:0 0 20px #7c3aed33}.cosmic-select{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;appearance:none;background:#0a081ecc;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-family:Noto Sans KR,sans-serif;font-size:14px}.section-divider{background:linear-gradient(90deg, transparent, var(--accent-gold), transparent);width:80px;height:2px;margin:0 auto 24px}.orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.orb-violet{background:#7c3aed40}.orb-gold{background:#c9a84c26}.orb-cyan{background:#06b6d41f}.orb-rose{background:#f43f5e1a}.tarot-card-container{perspective:1000px}.tarot-card-inner{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.tarot-card-container.flipped .tarot-card-inner{transform:rotateY(180deg)}.tarot-card-front,.tarot-card-back{backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.tarot-card-back{transform:rotateY(180deg)}.result-fade{animation:.6s forwards fadeInUp}@media (width<=768px){.hide-mobile{display:none!important}.btn-primary,.btn-gold{padding:12px 24px;font-size:14px}}