@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:#000; color:#fff; font-family:'Roboto',sans-serif; }
.site-header{ width:100%; display:flex; flex-direction:column; }
.site-header .top-bar{ position:relative; height:50px; background:#121212; }
.site-header .bottom-bar{ height:40px; background:#000; }
.site-header .logo{ position:absolute; top:0; left:0; display:block; height:50px; }
.site-header .logo img{ height:50px; width:auto; display:block; }
.page-container{ width:1226px; max-width:100%; margin:0 auto; padding:20px 16px; }
.title{ font-size:32px; line-height:1.2; margin:0 0 16px 0; text-align:center; background:#111; padding:12px 0; border-radius:10px; }