@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700;800;900&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;}
body{font-family:'DM Sans','Segoe UI',system-ui,sans-serif;background:#050810;color:#eef2ff;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
#root{min-height:100vh;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:#050810;}
::-webkit-scrollbar-thumb{background:#1e2d47;border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:#f97316;}
::selection{background:rgba(249,115,22,0.3);color:#fff;}
input,textarea,select,button{font-family:inherit;}
:focus-visible{outline:2px solid #f97316;outline-offset:2px;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@keyframes slideIn{from{opacity:0;transform:translateY(24px) scale(.97);}to{opacity:1;transform:none;}}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.5;}}
@keyframes shimmer{0%{background-position:-600px 0;}100%{background-position:600px 0;}}
.page-enter{animation:fadeIn .28s cubic-bezier(.16,1,.3,1) both;}
.modal-enter{animation:slideIn .28s cubic-bezier(.16,1,.3,1) both;}
.spin{animation:spin .7s linear infinite;display:inline-block;}
.pulse{animation:pulse 1.8s ease infinite;}
.fade-in{animation:fadeIn .25s ease both;}
.shimmer{background:linear-gradient(90deg,#0c1020 25%,#131828 50%,#0c1020 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear;}