:root{font-family:Inter,system-ui;color:#e6edf7;background:#08101c}*{box-sizing:border-box}body{display:grid;grid-template-columns:260px 1fr;min-height:100vh;margin:0}aside{background:#0d1929;padding:28px;border-right:1px solid #22334a}aside h1{font-size:20px}aside p{color:#8ca1bd}nav{display:grid;gap:8px;margin-top:40px}button,input{padding:12px;border-radius:7px;border:1px solid #304561;background:#13243a;color:white;text-align:left}button{cursor:pointer}main{padding:42px;max-width:1100px}form{display:grid;gap:12px;max-width:400px}#content header{display:flex;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{padding:25px;background:#13243a;border:1px solid #304561;border-radius:12px;display:grid;gap:12px}.cards strong{font-size:36px}pre{background:#101d2f;padding:24px;border-radius:12px;white-space:pre-wrap;overflow:auto}#notice{color:#fbbf24;margin:15px 0}@media(max-width:750px){body{grid-template-columns:1fr}aside{border:0}.cards{grid-template-columns:1fr 1fr}}