*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0A0A0A;--white: #fff}html{height:100%;font-size:16px}body{height:100%;background:var(--bg);color:var(--white);font-family:Inter,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.aurora-root{--aurora: repeating-linear-gradient( 100deg, #ff41a8 10%, #f0a6ca 15%, #7ed472 20%, #9cdc6c 25%, #ff6bb6 30% );--dark-gradient: repeating-linear-gradient( 100deg, #000 0%, #000 7%, transparent 10%, transparent 12%, #000 16% );--aurora-speed: 60s;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.aurora-layer{pointer-events:none;position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background-image:var(--dark-gradient),var(--aurora);background-size:300%,200%;background-position:50% 50%,50% 50%;opacity:.1;filter:blur(10px);will-change:transform;mask-image:radial-gradient(ellipse 120% 85% at 50% 0%,black 10%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 120% 85% at 50% 0%,black 10%,transparent 65%)}.aurora-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--dark-gradient),var(--aurora);background-size:200%,100%;mix-blend-mode:difference;animation:aurora var(--aurora-speed) linear infinite}@keyframes aurora{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}@media (prefers-reduced-motion: reduce){.aurora-layer:after{animation:none}}