@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--color-bg-deep:#050511;--color-bg-space:#0f1026;--color-mystic-purple:#7b2cbf;--color-mystic-blue:#3a0ca3;--color-spirit-teal:#4cc9f0;--color-spirit-pink:#f72585;--color-text-primary:#f8f9fa;--color-text-secondary:#adb5bd;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Outfit,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-deep);color:var(--color-text-primary);background:radial-gradient(circle at 15% 50%, #7b2cbf33, transparent 40%), radial-gradient(circle at 85% 30%, #4cc9f033, transparent 40%), var(--color-bg-deep);background-size:150% 150%;min-height:100vh;animation:15s infinite alternate nebulaBreathing;overflow-x:hidden}@keyframes nebulaBreathing{0%{background-position:0%}to{background-position:100%}}#root{flex-direction:column;min-height:100vh;display:flex}.mystic-card{animation:4s ease-in-out infinite alternate mysticPulse;box-shadow:0 8px 32px #7b2cbf4d,inset 0 0 10px #d4af371a}@keyframes mysticPulse{0%{box-shadow:0 8px 32px #7b2cbf33,inset 0 0 5px #d4af370d}to{box-shadow:0 8px 32px #7b2cbf80,inset 0 0 15px #d4af374d}}.btn-mystic{color:var(--color-text-primary);cursor:pointer;text-align:center;letter-spacing:1px;background:#0f102699;border:1px solid #d4af374d;border-radius:12px;padding:1.2rem;font-family:Outfit,sans-serif;font-size:1.1rem;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.magic-border-wrapper{background:#ffffff0d;border-radius:20px;padding:1px;position:relative;overflow:hidden}.magic-border-wrapper:before{content:"";z-index:-1;background:conic-gradient(#0000,#0000,#0000,#4cc9f080,#7b2cbf80,#0000);width:200%;height:200%;animation:6s linear infinite rotateNeon;position:absolute;top:-50%;left:-50%}@keyframes rotateNeon{to{transform:rotate(360deg)}}.custom-cursor{pointer-events:none;z-index:9998;mix-blend-mode:screen;background:radial-gradient(circle,#4cc9f033 0%,#0000 60%);border:1px solid #4cc9f01a;border-radius:50%;width:60px;height:60px;transition:width .2s,height .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor:after{content:"";background:#fffc;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #4cc9f0cc}.btn-mystic:before{content:"";background:linear-gradient(90deg,#0000,#d4af3733,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn-mystic:hover{text-shadow:0 0 8px #fffc;background:#7b2cbf33;border-color:#d4af37cc;transform:translateY(-2px);box-shadow:0 0 20px #d4af3766,inset 0 0 10px #7b2cbf80}.btn-mystic:hover:before{transform:translate(100%)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}::view-transition-old(root){animation-duration:.5s}::view-transition-new(root){animation-duration:.5s}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.98)}}::view-transition-old(quiz-card){animation:.4s cubic-bezier(.4,0,.2,1) both fade-out}::view-transition-new(quiz-card){animation:.4s cubic-bezier(.4,0,.2,1) both fade-in}.quiz-card-transition{view-transition-name:quiz-card}button{cursor:pointer;border:none;outline:none;font-family:inherit}