<style>
    * { box-sizing: border-box; }
    body { font-family:'Segoe UI',sans-serif; margin:0; background:#F4F8FC; color:#0A2A4A; }
    header { background:#1D75BC; color:#fff; padding:25px; text-align:center; font-size:24px; font-weight:bold; }
    .container { max-width:600px; margin:40px auto; background:#fff; padding:30px; border-radius:16px; box-shadow:0 8px 20px rgba(0,0,0,0.08); }
    label { font-weight:600; margin-bottom:6px; color:#0A2A4A; display:block; }
    input, textarea { width:100%; padding:12px; margin-bottom:8px; border:1px solid #cbd5e1; border-radius:10px; font-size:15px; transition:border-color .2s, box-shadow .2s; }
    input:focus, textarea:focus { outline:none; border-color:#1D75BC; box-shadow:0 0 0 3px rgba(29,117,188,.2); }
    .error-text { color:#dc2626; font-size:13px; margin-bottom:12px; display:none; }
    button { width:100%; padding:14px; background:#1D75BC; color:#fff; font-size:16px; font-weight:600; border:none; border-radius:10px; cursor:pointer; transition:background .2s, transform .1s; margin-top:10px; }
    button:hover { background:#155c90; } button:active { transform:scale(0.98); }
    button:disabled { background:#93c5fd; cursor:not-allowed; }
    footer { background:#0A2A4A; color:#fff; text-align:center; padding:40px 20px; font-size:16px; line-height:1.8; margin-top:40px; }
    footer strong { font-size:18px; display:block; margin-top:10px; }
    footer a { color:#93c5fd; text-decoration:none; font-weight:600; } footer a:hover { text-decoration:underline; }
    #toast { visibility:hidden; min-width:250px; margin-left:-125px; background-color:#333; color:#fff; text-align:center; border-radius:8px; padding:14px; position:fixed; z-index:9999; left:50%; bottom:30px; font-size:15px; opacity:0; transition:opacity .4s, bottom .4s; }
    #toast.show { visibility:visible; opacity:1; bottom:50px; }
    #toast.success { background-color:#16a34a; } #toast.error { background-color:#dc2626; }
  </style>
