*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:DM Sans,sans-serif;background:#f0f2f5;color:#0f172a;-webkit-font-smoothing:antialiased}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:4px;background:#e2e8f0;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#2563eb;border:2px solid #fff;box-shadow:0 1px 4px rgba(37,99,235,.35);cursor:pointer}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}a{cursor:pointer}button:hover{opacity:.88}@media (max-width:900px){.main-grid{grid-template-columns:1fr!important}}