*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Poppins,Roboto,Helvetica,Arial,sans-serif;background:#0f172a;color:#f8fafc;overflow-x:hidden}#root{width:100%;margin:0;padding:0;text-align:left}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gridMove{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes flipIn{0%{opacity:0;transform:rotateY(-90deg) translateY(20px)}to{opacity:1;transform:rotateY(0) translateY(0)}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6,#0ea5e9)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}