* { box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; }
    body {
      margin: 0;
      min-height: 100vh;
      background: radial-gradient(circle at top, #123a63, #06121f 65%);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
    }
    .card {
      width: 100%;
      max-width: 720px;
      background: rgba(5,18,32,.94);
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 22px;
      padding: 26px;
      box-shadow: 0 20px 60px rgba(0,0,0,.38);
    }
    .brand { text-align: center; margin-bottom: 22px; }
    .logo { font-size: 44px; color: #ffd447; font-weight: 900; }
    h1 { margin: 6px 0 0; font-size: 30px; }
    .sub { color: #b9c7d8; margin-top: 8px; font-size: 14px; }
    label { display:block; margin: 16px 0 7px; font-weight:bold; color:#d8e4f0; }
    input, textarea {
      width:100%;
      padding:14px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.16);
      background:#0b1f34;
      color:#fff;
      font-size:15px;
      outline:none;
    }
    textarea { min-height: 240px; resize: vertical; }
    button {
      width:100%;
      margin-top:14px;
      padding:15px;
      border:0;
      border-radius:14px;
      background: linear-gradient(135deg,#ffd447,#ff9f1c);
      color:#06121f;
      font-weight:900;
      font-size:15px;
      cursor:pointer;
    }
    button:disabled { opacity:.6; cursor:not-allowed; }
    .secondary { background:#143653; color:#fff; border:1px solid rgba(255,255,255,.12); }
    .row { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
    .status {
      margin-top:14px;
      padding:12px;
      border-radius:12px;
      background:rgba(255,255,255,.08);
      color:#d8e4f0;
      white-space:pre-wrap;
      display:none;
    }
    .success { border:1px solid rgba(74,222,128,.45); }
    .error { border:1px solid rgba(248,113,113,.45); }
    .small { margin-top:14px; font-size:12px; color:#8fa3b8; text-align:center; }
    @media(max-width:650px){ .row { grid-template-columns:1fr; } }