:root { --main: #4e7efc; --bg: #f8fafd; }
      html, body { margin: 0; padding: 0; background: var(--bg); }
      body { font-family: "Segoe UI", Arial, sans-serif; color: #233; }
      .container { max-width: 400px; margin: 38px auto 0; background: #fff; border-radius: 17px; box-shadow: 0 4px 20px #4e7efc1a; padding: 27px 15px 22px; }
      .title { text-align: center; font-size: 1.13em; color: var(--main); font-weight: bold; margin-bottom: 14px; }
      .form-row { display: flex; flex-direction: column; gap: 5px; margin-bottom: 15px; }
      .form-row label { font-size: 1em; color: #225cc9; font-weight: 500; }
      .form-row input[type="date"], .form-row input[type="number"] { padding: 10px; border-radius: 7px; border: 1.2px solid #aee3f7; font-size: 1.08em; width: 100%; background: #fafdff; color: #234; transition: border 0.14s; box-sizing: border-box; }
      .form-row input:focus { border-color: var(--main); }
      .result { background: #e4eafe; border-radius: 12px; color: #2861b6; font-size: 1.08em; padding: 13px 11px; text-align: center; margin-bottom: 11px; min-height: 38px; font-weight: 500; }
      .footer { color: #789; text-align: center; font-size: 0.94em; margin-top: 14px; }
      .faq-list { text-align: left; max-width: 340px; margin: 12px auto 0; padding-left: 18px; font-size: 0.97em; color: #476098; }
      .faq-list li { margin-bottom: 3px; }
      #backBtn { position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%); background: #4e7efc; color: #fff; font-weight: 700; border: none; border-radius: 2rem; padding: 0.58em 1.5em; box-shadow: 0 4px 16px #4e7efc33; font-size: 1.09em; text-decoration: none; cursor: pointer; letter-spacing: 0.01em; transition: background 0.15s, transform 0.12s; z-index: 2000; }
      #backBtn:hover { background: #2550c6; transform: translateX(-50%) scale(1.04); }
      @media (max-width: 500px) {
        .container { max-width: 98vw; padding: 11px 2vw; }
        #backBtn { bottom: 18px; font-size: 0.98em; padding: 0.48em 1em; }
      }
      .smallnote { font-size: 0.93em; color: #8590ad; margin-top: 3px; text-align: right; }