.loader{animation:loader-spin 1s linear infinite;border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#09f}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--genesis-primary: #6366f1;--genesis-secondary: #8b5cf6;--genesis-accent: #f59e0b;--genesis-glow: rgba(99, 102, 241, .5);--genesis-pink: #ec4899;--genesis-cyan: #06b6d4;--genesis-holographic: linear-gradient(135deg, #ff0080 0%, #ff8c00 25%, #40e0d0 50%, #ff0080 75%, #ff8c00 100%)}.genesis-glass-card{position:relative;padding:48px;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:2px solid var(--genesis-accent);box-shadow:0 20px 60px #0006,0 0 80px var(--genesis-glow),inset 0 0 60px #ffffff4d;overflow:hidden;transform-style:preserve-3d}.genesis-glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--genesis-holographic);background-size:400% 400%;opacity:.1;animation:holographic-shimmer 4s ease-in-out infinite;border-radius:24px}.genesis-glass-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:glass-shine 3s ease-in-out infinite}@keyframes holographic-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glass-shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}@media (prefers-reduced-motion: reduce){.genesis-glass-card:after{animation:none}}