.grecaptcha-badge { 
        
        visibility: visible !important; 
            position: fixed !important;
 
    margin-bottom: 5%;
    
      
      }


      
    :root {
      color-scheme: light;
      --bg: #f6f8fb;
      --card: #ffffff;
      --text: #0b1220;
      --muted: #5a6b85;
      --border: #e5eaf2;
      --primary: #1a73e8;
      --primary-ink: #ffffff;
      --focus: rgba(26, 115, 232, 0.18);
      --shadow: 0 14px 40px rgba(15, 23, 42, .08);
    }
    * { box-sizing: border-box; }
    body {
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.45;
    }
    .wrap { min-height: 100dvh; display:grid; place-items:center; padding:28px; }
    .card {
      width: 100%;
      max-width: 460px;
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 28px;
      box-shadow: var(--shadow);
    }
    .header { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
    .header img.logo { width: 28px; height: 28px; border-radius: 6px; display:block; }
    .brand { font-weight: 700; font-size: 1.05rem; letter-spacing: .2px; color:#111827; }
    .title { margin: 6px 0 6px; font-size: 1.5rem; font-weight: 800; }
    .sub { margin: 0 0 18px; color: var(--muted); font-size: .97rem; }
    label { display:block; font-size:.9rem; margin: 14px 0 6px; color:#2b3341; }
    input {
      width:100%; padding:12px 14px; border-radius:12px; border:1px solid var(--border);
      background:#fff; color: var(--text); outline:none; transition: border-color .2s, box-shadow .2s;
    }
    input::placeholder { color:#a0aec0; }
    input:focus { border-color: var(--primary); box-shadow: 0 0 0 4px var(--focus); }
    .row { display:flex; gap:10px; align-items:center; margin-top:16px; }
    .btn {
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      border:1px solid var(--border); background: var(--primary); color: var(--primary-ink);
      padding:12px 14px; border-radius:12px; cursor:pointer; font-weight:700; width:100%;
      transition: transform .04s ease-in-out, opacity .2s, box-shadow .2s;
    }
    .btn:hover { box-shadow: 0 6px 20px rgba(26,115,232,.25); }
    .btn:active { transform: translateY(1px); }
    .btn.secondary { background:#fff; color: #1f2937; border-color: var(--border); }
    .btn.secondary:hover { box-shadow: 0 6px 18px rgba(2,6,23,.06); }
    .btn:disabled { opacity:.6; cursor:not-allowed; box-shadow:none; }
    .muted { color: var(--muted); font-size:.9rem; }
    .msg { margin-top:12px; font-size:.9rem; min-height: 1.1em; }
    .msg.ok { color:#107c41; }
    .msg.err { color:#c2410c; }
    .sep { height:1px; background: var(--border); margin:18px 0; border-radius:2px; }
    .footer { margin-top:16px; display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap: wrap; }
    .policy { text-align:left; margin-top:10px; }
    a { color:#1a73e8; text-decoration:none; }
    a:hover { text-decoration:underline; }
    @media (max-width: 480px) {
      .card { padding:22px; border-radius:14px; }
      .row { flex-direction: column; }
    }