@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);*{box-sizing:border-box}#root,.app,body,html{font-family:Inter,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2196f3,#9c27b0);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1976d2,#7b1fa2)}*{scrollbar-color:#2196f3 rgba(0,0,0,.1);scrollbar-width:thin}html{scroll-behavior:smooth}:focus-visible{outline:2px solid #2196f3;outline-offset:2px}.container{margin:0 auto;max-width:1200px;padding:0 16px;width:100%}@media (min-width:768px){.container{padding:0 24px}}@media (min-width:1024px){.container{padding:0 32px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}@media (max-width:768px){.app{font-size:14px}[role=button],button,input,select,textarea{min-height:44px}}