*{box-sizing:border-box}body{margin:0;background:#101522;color:#e9edf7;font-family:system-ui,Arial,sans-serif}header{padding:30px 7%;background:#19243a;border-bottom:1px solid #354562}h1{color:#e7bf77;margin:0}main{max-width:1000px;margin:45px auto;padding:0 24px}nav{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}a{color:#e7bf77;text-decoration:none;border:1px solid #53617c;padding:10px 14px;border-radius:8px}a:hover{background:#293854}.panel{background:#1b263a;padding:25px;border-radius:12px;line-height:1.7}small{color:#b4bfd0}