*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#18233b;font:16px system-ui,sans-serif}header{background:#142444;color:white;padding:24px 5%;display:flex;justify-content:space-between;gap:20px}header strong{letter-spacing:3px}header span{color:#8ddfc5}main{max-width:1150px;margin:45px auto;padding:0 24px}h1{font-size:clamp(28px,4vw,44px);letter-spacing:-1.5px}h2{font-size:21px}.intro{max-width:760px;font-size:18px;line-height:1.6}.card{background:white;border:1px solid #dde3ed;border-radius:18px;padding:28px;margin:24px 0;box-shadow:0 8px 30px #17264808}.narrow{max-width:480px}label{display:block;margin:18px 0;font-weight:600}input{display:block;width:100%;max-width:550px;padding:13px;border:1px solid #b5c0d2;border-radius:8px;margin-top:8px;font:inherit}button{cursor:pointer;background:#234fdb;border:0;color:white;padding:13px 18px;border-radius:8px;font:600 14px system-ui;margin:5px 5px 5px 0}.secondary{background:#e8edf6;color:#243960}.muted,small{font-size:13px;line-height:1.6;color:#64718a}header small{color:#b9cce8}.notice{padding:20px;background:#fff1e6;border:1px solid #edb488;border-radius:10px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e3e8f0;padding:13px;vertical-align:top}th{background:#f1f5fb;white-space:nowrap}p{line-height:1.6}@media(max-width:600px){header{display:block}header small{display:block;margin-top:10px}.card{padding:19px}main{padding:0 16px;margin-top:28px}}