*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100dvh}body{background:#07070d;color:#e8e0d4;font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}[dir=rtl]{font-family:DM Sans,sans-serif;direction:rtl}[dir=rtl] input{direction:ltr;text-align:center}[dir=rtl] input[data-rtl=true]{direction:rtl;text-align:right}input:focus{outline:none}button{font-family:DM Sans,sans-serif;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4a8534d;border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes dealCard{0%{transform:scale(.3) rotate(-15deg);opacity:0}60%{transform:scale(1.05) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes breathe{0%,to{box-shadow:0 0 20px #d4a8531a}50%{box-shadow:0 0 40px #d4a85333}}@keyframes flipCard{0%{transform:perspective(800px) rotateY(0)}to{transform:perspective(800px) rotateY(180deg)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}