*{box-sizing:border-box}body{margin:0;background:#0b1425;color:#eaf2fa;font:17px/1.8 Arial,Helvetica,sans-serif}header{background:#101f32;border-bottom:1px solid #294055}nav,.wrap{max-width:940px;margin:auto;padding:20px 24px}nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}nav a{color:#b9d6df;text-decoration:none;margin-inline-start:16px}nav a:hover,a{color:#65e6b0}.logo{font-size:23px;font-weight:800;color:#fff}.logo span{color:#39ce91}main{max-width:940px;margin:38px auto;padding:0 24px}article{background:#142239;border:1px solid #28405b;border-radius:18px;padding:28px 34px}h1{font-size:32px;line-height:1.3;margin:0 0 12px}h2{font-size:21px;color:#79e6bb;margin:30px 0 8px}p,li{color:#d5e2eb}ul{padding-inline-start:24px}.note{border-right:4px solid #50d99f;background:#1b3144;padding:14px 18px;border-radius:8px}footer{text-align:center;color:#a7b8c8;padding:24px}footer a{margin:0 8px}small{color:#a9bfd0}@media(max-width:600px){article{padding:22px 18px}h1{font-size:27px}nav a{margin-inline-start:8px}}