*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;color:#1b2430;background:#f6f7f9;line-height:1.55}
header{background:#12355b;color:#fff;padding:14px 20px}header a{color:#fff;text-decoration:none;margin-right:16px;font-weight:600}header .logo{font-size:1.25rem;margin-right:28px}
main{max-width:900px;margin:0 auto;padding:24px 20px}h1{color:#12355b}.card{background:#fff;border-radius:10px;padding:20px;margin:18px 0;box-shadow:0 1px 3px rgba(0,0,0,.08)}
label{display:block;margin:10px 0 4px;font-weight:600}input,select{width:100%;padding:9px;border:1px solid #c9d1db;border-radius:6px;font-size:1rem}
button{background:#d9822b;color:#fff;border:0;padding:11px 20px;border-radius:6px;font-size:1rem;cursor:pointer;margin-top:14px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.grid{grid-template-columns:1fr}}
.result{background:#eef4fb;border-left:4px solid #12355b;padding:14px;margin-top:16px}.big{font-size:1.6rem;font-weight:700;color:#12355b}
.warn{background:#fff6e5;border-left:4px solid #d9822b;padding:12px;font-size:.92rem}footer{text-align:center;font-size:.85rem;color:#667;padding:30px}
.timeline{border-left:3px solid #12355b;padding-left:18px}.timeline div{margin-bottom:14px}.timeline b{color:#12355b}small{color:#667}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #e3e7ec;padding:6px;text-align:left}