:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#17233a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e5eaf2;display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,calc((100vw - 1000px)/2));gap:15px}a{color:#263e70;text-decoration:none;font-weight:700}nav{display:flex;align-items:center;gap:12px}main{max-width:1050px;margin:40px auto;padding:0 24px 70px}h1{font-size:clamp(28px,5vw,44px)}p{line-height:1.7;color:#52617a}section{background:#fff;border:1px solid #e6eaf1;border-radius:16px;padding:30px;margin-bottom:20px}.hero{border-radius:20px;padding:48px;background:#152a53;color:#fff;margin-bottom:24px}.hero p{color:#dbe5fa}.hero small{letter-spacing:.15em}label{display:block;font-weight:600;margin:20px 0 8px}input,textarea,select{display:block;width:100%;font:inherit;padding:12px;border:1px solid #cfd8e7;border-radius:8px;margin-top:8px}input[readonly]{background:#f3f5f8}textarea{min-height:100px}small{display:block;color:#718099;font-weight:400;margin-top:5px}button{font:inherit;cursor:pointer;border:1px solid #cbd5e4;background:#fff;border-radius:8px;padding:11px 16px;color:#203655}button:disabled{opacity:.5;cursor:not-allowed}.option{display:flex;align-items:center;gap:8px;font-weight:400;margin:10px 0}.option input{width:auto;margin:0}.alert{padding:14px;background:#fff1ef;color:#9b322b;border-radius:8px;margin-bottom:20px}.listing{display:flex;text-align:left;flex-direction:column;width:100%;gap:8px;padding:22px;margin:12px 0}img{max-width:100%;height:auto}@media(max-width:600px){header{padding:12px 16px}nav{gap:8px}main{padding:0 16px 50px;margin-top:20px}.hero{padding:28px}section{padding:20px}}
