html,body,#root{background-color:transparent!important;margin:0;padding:0;height:100%}.nox-sky-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:linear-gradient(135deg,#f0fdfa,#fff7ed,#eff6ff)}#root{position:relative;z-index:1}@layer components{.nox-page-sheet{@apply border border-white/40 shadow-sm backdrop-blur-[2px];background-color:transparent;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 24px #00000005}.nox-card{@apply bg-white/85 border border-gray-100/50 rounded-[24px] transition-all duration-200;background-color:#ffffffd9;border:1px solid rgba(10,20,30,.12);border-radius:24px;box-shadow:0 0 0 1px #0a141e14,0 2px 6px #0a141e0f,0 16px 34px #0a141e14;will-change:transform,box-shadow}.nox-card:hover{background-color:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f,0 0 0 1px #0e6e741a}.nox-card:active{transform:scale(.99)}.nox-card--flat{box-shadow:none;background-color:#ffffff80;border-color:#00000008}}.moon-petrol,.moon-petrol-2,.moon-ink,.moon-warm{position:absolute;border-radius:50%;will-change:transform,opacity;transform:translateZ(0);pointer-events:none;mix-blend-mode:multiply}.moon-petrol{width:720px;height:720px;top:-120px;left:-120px;background:radial-gradient(circle at 35% 35%,#2dd4bf38,#2dd4bf00 70%);filter:blur(10px);opacity:.24;animation:float-petrol-1 34s infinite ease-in-out}.moon-petrol-2{width:800px;height:800px;top:-80px;left:-200px;background:radial-gradient(circle at 25% 35%,#00828c33,#00828c00 70%);filter:blur(14px);opacity:.18;animation:float-petrol-2 41s infinite ease-in-out reverse}.moon-ink{width:600px;height:600px;top:20%;left:10%;background:radial-gradient(circle at center,#0ea5e933,#0ea5e900 65%);filter:blur(8px);opacity:.2;animation:float-ink 45s infinite ease-in-out}.moon-warm{width:480px;height:480px;bottom:-280px;right:-260px;background:radial-gradient(circle at center,#fb923c4d,#fb923c00 70%);filter:blur(13px);opacity:.26;animation:float-warm 65s infinite ease-in-out}@keyframes float-petrol-1{0%,to{transform:translate(0) scale(1);opacity:.24}50%{transform:translate(45px,25px) scale(1.06);opacity:.18}}@keyframes float-petrol-2{0%,to{transform:translate(0) scale(1.02);opacity:.18}50%{transform:translate(-50px,40px) scale(1);opacity:.24}}@keyframes float-ink{0%,to{transform:translate(0) scale(1)}50%{transform:translate(35px,-20px) scale(1.04)}}@keyframes float-warm{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-30px) scale(1.05)}}@media(max-width:480px){.moon-petrol{width:450px;height:450px;opacity:.2}.moon-petrol-2{width:500px;height:500px;opacity:.15}.moon-ink{width:350px;height:350px;opacity:.15}.moon-warm{width:300px;height:300px;opacity:.2;bottom:-180px;right:-150px}}@media(prefers-reduced-motion:reduce){.moon-petrol,.moon-petrol-2,.moon-ink,.moon-warm{animation:none!important}}