.glass-card{background:#ffffff0d;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 8px 32px #9333ea26;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:#9333ea4d;box-shadow:0 12px 48px #9333ea40}.light .glass-card{background:#fffc;border-color:#9333ea1a}.magnetic-element{transition:transform .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.magnetic-element:hover{transform:scale(1.05) translateY(-2px)}.magnetic-element:active{transform:scale(.98) translateY(0)}.btn-primary{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;padding:.75rem 2rem;border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #9333ea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9333ea66}.btn-secondary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.75rem 2rem;border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #f59e0b4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b66}.text-mystical-gradient{background:linear-gradient(135deg,#9333ea,#f59e0b,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:all .3s cubic-bezier(.16,1,.3,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px #9333ea33}.tarot-card-container{perspective:1000px}.tarot-card{transform-style:preserve-3d;background:linear-gradient(145deg,#ffffff1a,#ffffff0d)}.tarot-card-container.reversed .tarot-card{border-color:#ef44444d}.tarot-card:hover{box-shadow:0 20px 40px #9333ea4d,0 0 60px #9333ea1a}@keyframes cardFlip{0%{transform:rotateY(180deg) scale(.8);opacity:0}50%{transform:rotateY(90deg) scale(.9)}to{transform:rotateY(0) scale(1);opacity:1}}.tarot-card.animate-flip{animation:cardFlip .6s ease-out forwards}.tarot-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);background-size:200% 200%;animation:shimmer 3s infinite;pointer-events:none;border-radius:inherit}@keyframes shimmer{0%{background-position:200% 200%}to{background-position:-200% -200%}}.palm-camera-container{position:relative;width:100%;max-width:400px;margin:0 auto}.palm-video-wrapper{position:relative;aspect-ratio:3/4;background:#000;border-radius:16px;overflow:hidden}.palm-video-wrapper video{width:100%;height:100%;object-fit:cover}.palm-outline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.palm-outline-overlay svg{width:80%;height:80%;opacity:.6}.palm-guide-text{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);font-size:.875rem}.capture-btn{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#7c3aed);border:4px solid white;box-shadow:0 4px 20px #9333ea66;cursor:pointer;transition:all .2s}.capture-btn:hover{transform:translate(-50%) scale(1.1);box-shadow:0 6px 30px #9333ea99}.capture-btn:active{transform:translate(-50%) scale(.95)}.capture-btn:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:#fff;border-radius:50%}.palm-scanner-svg{filter:drop-shadow(0 0 10px rgba(147,51,234,.3))}.palm-silhouette{opacity:.85;pointer-events:none}.palm-outline-group{animation:pulseOutline 2s ease-in-out infinite}@keyframes pulseOutline{0%,to{opacity:.6}50%{opacity:1}}.palm-lines{animation:fadeLines 3s ease-in-out infinite}@keyframes fadeLines{0%,to{opacity:.3}50%{opacity:.6}}.blink-dot{animation:blinkDot 2s ease-in-out infinite}@keyframes blinkDot{0%,to{opacity:1;fill:#06b6d4}50%{opacity:.3;fill:#9333ea}}.scanner-status{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#000000b3;padding:6px 16px;border-radius:20px;border:1px solid rgba(6,182,212,.5);font-size:.75rem;font-weight:600;letter-spacing:.1em;color:#06b6d4;text-transform:uppercase}.scanner-status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:statusPulse 1s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 #22c55eb3}50%{opacity:.8;box-shadow:0 0 0 4px #22c55e00}}.palm-video-wrapper .capture-btn{background:linear-gradient(135deg,#06b6d4,#9333ea);border-color:#06b6d4;box-shadow:0 4px 20px #06b6d466,0 0 30px #9333ea33}.palm-video-wrapper .capture-btn:hover{box-shadow:0 6px 30px #06b6d499,0 0 40px #9333ea66}.palm-video-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(6,182,212,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:1}.palm-video-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:2}