@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--primary-color: #ff4d4d;--secondary-color: #1a1a2e;--text-color: #333;--light-text: #fff;--background-color: #f9f9f9;--card-background: #fff;--shadow-color: rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);overflow-x:hidden}body:not(.loaded){overflow:hidden}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--secondary-color);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}body.loaded .preloader{opacity:0;visibility:hidden}