/* Ambient lighting stays behind all content and never intercepts input. */
html{background-color:#0c0d11!important;background-image:radial-gradient(ellipse at 50% 0%,#53212b35,transparent 65%),linear-gradient(#0c0d11e8,#0c0d11ec),url('/assets/theme/2bd33e7f0e88999c.jpeg')!important;background-size:cover!important;background-attachment:fixed!important}
body{position:relative;isolation:isolate;background:transparent!important}
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:-1;inset:0}
body::before{inset:-8%;background:radial-gradient(ellipse 38% 56% at 0% 32%,#b21e3b38,transparent 75%),radial-gradient(ellipse 36% 48% at 100% 68%,#c4273730,transparent 75%),radial-gradient(ellipse 45% 23% at 50% 4%,#d73b4320,transparent 80%),radial-gradient(ellipse 50% 26% at 45% 85%,#7685a70b,transparent 80%);filter:blur(25px);animation:aws-atmosphere 24s ease-in-out infinite alternate;will-change:transform}
body::after{opacity:.45;background-image:radial-gradient(circle at 13% 23%,#ff6b664d 0 1px,transparent 2px),radial-gradient(circle at 78% 15%,#ff9b6a55 0 1px,transparent 2px),radial-gradient(circle at 92% 76%,#ff555f44 0 1px,transparent 2px),radial-gradient(circle at 22% 88%,#ff937744 0 1px,transparent 2px),radial-gradient(circle at 62% 59%,#ff7e762d 0 1px,transparent 2px),radial-gradient(ellipse 30% 10% at 10% 66%,#d2534b06,transparent),radial-gradient(ellipse 30% 12% at 88% 40%,#ba394409,transparent);animation:aws-embers 20s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes aws-atmosphere{from{transform:translate3d(-1%,1%,0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.04)}}
@keyframes aws-embers{from{transform:translate3d(0,12px,0);opacity:.3}to{transform:translate3d(8px,-14px,0);opacity:.6}}
@media(max-width:760px){html{background-attachment:scroll!important}body::before{filter:none;animation:none}body::after{animation:none;opacity:.3}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none;will-change:auto}}
/* Small embers drift behind the interface; no canvas or animation loop. */
body::after{inset:-100px -30px;opacity:.7;background-image:radial-gradient(circle at 7% 18%,#ff785caa 0 1px,#ff47321a 2px,transparent 7px),radial-gradient(circle at 19% 52%,#ffb59199 0 1px,transparent 3px),radial-gradient(circle at 31% 82%,#ff514b88 0 1px,transparent 5px),radial-gradient(circle at 44% 27%,#ff887477 0 1px,transparent 3px),radial-gradient(circle at 58% 67%,#ffb58b88 0 1px,transparent 4px),radial-gradient(circle at 73% 13%,#ff5b58aa 0 1px,#ff47321a 2px,transparent 7px),radial-gradient(circle at 86% 47%,#ff967c99 0 1px,transparent 4px),radial-gradient(circle at 96% 88%,#ff665288 0 1px,transparent 5px),radial-gradient(circle at 12% 92%,#e8dcce66 0 .7px,transparent 2px),radial-gradient(circle at 65% 94%,#e8dcce66 0 .7px,transparent 2px);background-size:850px 760px;animation:aws-particle-rise 38s linear infinite;will-change:transform}
body::before{background:radial-gradient(ellipse 40% 58% at 0% 32%,#b21e3b45,transparent 75%),radial-gradient(ellipse 38% 48% at 100% 68%,#c427373d,transparent 75%),radial-gradient(ellipse 45% 23% at 50% 4%,#d73b4326,transparent 80%),radial-gradient(ellipse 50% 26% at 45% 85%,#7685a712,transparent 80%)}
@keyframes aws-particle-rise{from{transform:translate3d(0,65px,0)}to{transform:translate3d(24px,-90px,0)}}
@media(max-width:760px){body::after{background-size:650px 900px;opacity:.45;animation:aws-particle-rise 55s linear infinite}body::before{animation:none;filter:none}}
@media(prefers-reduced-motion:reduce){body::after,body::before{animation:none!important;will-change:auto}}