.app-field{position:relative}.app-field-bg{z-index:-2;pointer-events:none;background:linear-gradient(152deg,#0a2a28 0%,#0b2e32 30%,#16243e 64%,#221641 100%);position:fixed;inset:0}.app-field-bg:before{content:"";background:radial-gradient(1100px 760px at 6% -8%,#38ce9e29,#0000 56%),radial-gradient(1000px 820px at 102% -4%,#9662dc33,#0000 55%),radial-gradient(960px 900px at 88% 112%,#7846c82e,#0000 56%);animation:22s cubic-bezier(.22,.61,.36,1) infinite alternate app-drift;position:absolute;inset:-12%}.app-field-grain{z-index:-1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes app-drift{0%{opacity:.9;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translate(2.5%,-2%)scale(1.08)}to{opacity:.95;transform:translate(-2%,2.5%)scale(1.04)}}.app-field-splash{background:radial-gradient(900px 600px at 10% 0,#38ce9e29,#0000 55%),radial-gradient(900px 700px at 100% 100%,#9662dc33,#0000 55%),linear-gradient(152deg,#0a2a28 0%,#0b2e32 30%,#16243e 64%,#221641 100%)}@media (prefers-reduced-motion:reduce){.app-field-bg:before{animation:none}}.app-topbar,.app-footbar{position:relative}.app-topbar:before,.app-footbar:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#0a2a28b8;position:absolute;inset:0}.app-topbar:after,.app-footbar:after{content:"";opacity:.85;background:linear-gradient(90deg,#62d2a2,#e7b45a);height:2px;position:absolute;left:0;right:0}.app-topbar:after{bottom:0}.app-footbar:after{top:0}