body {
      margin:0;
      font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      background:#faf7f5;
      color:#111;
    }

    a {
      color:inherit;
      text-decoration:none;
    }

    .hero {
      position:relative;
      overflow:hidden;
      min-height:85vh;
      display:flex;
      align-items:center;
      justify-content:center;
      background-image:
        linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)),
        url('/graph/Man-Young-Thai-Wife.jpg');
      background-size:cover;
      background-position:center center;
    }

    .container {
      width:360px;
      margin:30px auto;
      padding:24px;
      background:rgba(255,255,255,0.8);
      color:#111;
      border-radius:14px;
      box-shadow:0 10px 30px rgba(0,0,0,0.18);
    }

    h1 {
      font-family:'Playfair Display', serif;
      font-size:28px;
      margin-bottom:20px;
      text-align:center;
    }

    .field {
      margin-bottom:16px;
      position:relative;
    }

    label {
      display:block;
      margin-bottom:6px;
      font-size:.85rem;
    }

    input {
      width:94%;
      padding:12px;
      border-radius:8px;
      border:1px solid #ccc;
      font-size:15px;
      font-family:'Inter',sans-serif;
    }

    .btn {
      background:#d63c35;
      color:#fff;
      border:none;
      padding:12px 20px;
      border-radius:8px;
      font-weight:600;
      cursor:pointer;
      width:100%;
      font-size:16px;
      margin-top:14px;
    }

    .btn:hover {
      background:#b8302a;
    }

    .error-message {
      color:#d63c35;
      font-size:12px;
      margin-top:4px;
      display:block;
      min-height:14px;
    }

    .field input.error {
      border-color:#d63c35;
      background:#fff5f5;
    }

    .field input.valid {
      border-color:#28a745;
      background:#f5fff8;
    }

    .checkmark {
      position:absolute;
      right:10px;
      top:38px;
      font-size:16px;
      color:#28a745;
      display:none;
    }

    .field.valid .checkmark {
      display:inline;
    }