*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f9;color:#1f2937;line-height:1.6}header{background:#173b6c;color:white;position:sticky;top:0;z-index:5}.nav{max-width:1100px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;gap:15px;align-items:center}.brand{font-weight:bold}.nav a{color:#fff;text-decoration:none;padding:8px 10px}.nav a:hover{background:#ffffff22;border-radius:6px}main{max-width:1100px;margin:auto;padding:35px 20px}.hero{background:#173b6c;color:white;border-radius:14px;padding:45px 30px}.hero h1{font-size:38px;line-height:1.15}.btn{display:inline-block;background:white;color:#173b6c;padding:11px 17px;border-radius:7px;text-decoration:none;font-weight:bold;margin-right:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.card,.form{background:#fff;padding:25px;border-radius:11px;box-shadow:0 3px 14px #0001}.card h2,.card h3,.form h1{color:#173b6c}.notice{margin-top:22px;padding:18px;background:#fff8e8;border-left:5px solid #d97706}.anti{margin-top:25px;padding:22px;background:#fff;border-left:6px solid #b91c1c;border-radius:8px}.anti h2{color:#b91c1c}.form{max-width:720px;margin:auto}.field{margin:16px 0}.field label{display:block;font-weight:bold;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:7px;font-size:15px}.field textarea{min-height:140px}.submit,.toolbar button{padding:12px 16px;border:0;border-radius:7px;background:#173b6c;color:white;font-weight:bold;cursor:pointer}.submit{width:100%;font-size:16px}.result{display:none;margin-top:20px;padding:18px;border-radius:8px}.ok{background:#ecfdf5;border-left:5px solid #15803d}.bad{background:#fef2f2;border-left:5px solid #b91c1c}.warning{background:#fffbeb;border-left:5px solid #d97706}.viewer{display:none;margin-top:25px;border-top:1px solid #ddd;padding-top:20px}.frame{width:100%;height:650px;border:1px solid #ddd;border-radius:8px}.toolbar{display:flex;gap:10px;margin-bottom:12px}.secondary{background:#64748b!important}footer{margin-top:35px;background:#0e223e;color:#dbe5f1;text-align:center;padding:28px 20px;font-size:13px}@media(max-width:800px){.grid{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start}.hero h1{font-size:30px}.frame{height:500px}}