:root{--n:#09141f;--o:#ffb000}*{box-sizing:border-box}body{margin:0;background:#eef1f2;color:#172733;font:16px/1.5 Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:78px;padding:0 5vw;display:flex;align-items:center;background:var(--n);color:#fff}header>a:first-child{font-weight:900;font-size:25px}header b{color:var(--o)}header span{margin:auto;color:#aebbc4}header>a:last-child{background:var(--o);color:var(--n);padding:12px 15px;font-weight:900}main{display:grid;grid-template-columns:290px 1fr;min-height:calc(100vh - 78px)}aside{background:#fff;padding:45px 25px}aside p{font-size:12px;font-weight:900;color:#8b969d}aside button{width:100%;border:0;background:transparent;text-align:left;padding:16px;margin:4px 0;font-weight:800}aside button.on{background:var(--o)}section{padding:65px 7vw}section small{color:#bd7a00;font-weight:900}h1{font-size:clamp(38px,5vw,68px);line-height:1;margin:15px 0}section>p{font-size:19px;color:#61717d}.screen{background:var(--n);color:#fff;min-height:330px;margin-top:38px;padding:35px;box-shadow:0 20px 55px #0a15232b}.screen h3{color:var(--o);font-size:14px}.screen .panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.screen .panel div{background:#172735;padding:24px}.screen b{display:block;font-size:24px}.screen span{color:#adbac3}.controls{display:flex;justify-content:space-between;margin-top:25px}.controls button{border:0;padding:14px 18px;font-weight:900;background:#fff}.controls #next{background:var(--o)}@media(max-width:700px){header span{display:none}main{grid-template-columns:1fr}aside{display:flex;overflow:auto;padding:12px}aside p{display:none}aside button{min-width:190px}section{padding:45px 20px}.screen .panel{grid-template-columns:1fr}}