:root{color-scheme:dark;font-family:Arial,sans-serif;background:#0b141b;color:#e4eff7}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:36px 24px}header{border-bottom:1px solid #355064;padding-bottom:24px}header img{display:block;width:260px;max-width:100%;height:auto}h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:30px 0 16px}h2{color:#92d6f9;font-size:21px;margin-top:30px}p{line-height:1.75;text-align:justify;color:#c2d2dd}li{line-height:1.7;margin:8px 0;color:#c2d2dd}a{color:#92d6f9}nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}a:focus-visible{outline:3px solid #44b73d;outline-offset:4px}.action{display:inline-block;background:#31a5e3;color:#071722;padding:14px 20px;border-radius:10px;font-weight:bold;text-decoration:none;margin:12px 0}footer{margin-top:36px;padding-top:20px;border-top:1px solid #355064;font-size:12px;line-height:1.7;color:#a5b9c7}.subtitle{font-size:14px;color:#92d6f9;text-align:left}.detail{background:#15242e;border:1px solid #2e4555;border-radius:14px;padding:12px 22px;margin-top:24px}