:root{
      --bg: #0b1020; --fg: #e7ecf3; --muted:#9aa6b2; --accent:#6ee7b7; --warn:#f59e0b; --danger:#ef4444;
      --card:#121a33; --line:#223055; --ok:#22c55e;
    }
    html,body{height:100%;}
    body{
      margin:0; font:16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji";
      color:var(--fg); background: radial-gradient(1200px 600px at 20% -10%, #1a2450, transparent), var(--bg);
      display:grid; place-items:center; /* padding:24px; */
      
        user-select: none;
  /* For cross-browser compatibility, include vendor prefixes: */
  -webkit-user-select: none; /* Safari, Chrome, Opera */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer/Edge */

    }
    .card{
      width:max(80vw); background:var(--card); border:1px solid var(--line); border-radius:20px; box-shadow:0 8px 30px rgba(0,0,0,.35);
      overflow:hidden;
    }
    header{padding:18px 22px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:12px;}
    header .dot{width:10px; height:10px; border-radius:50%; background:var(--accent);}
    header h1{font-size:18px; margin:0; letter-spacing:.2px;}

    .content{padding:22px; display:grid; gap:18px;}

    .captcha{
      border:1px solid var(--line); border-radius:16px; padding:14px; display:grid; gap:12px; background:#0f1731;
    }
    .captcha-inline{display:flex; align-items:center; gap:12px;}
    .captcha-inline input[type="checkbox"]{width:22px; height:22px; accent-color:var(--accent);}
    .captcha-title{font-weight:700;}
    .status{font-size:14px; color:var(--muted)}

    .slider-wrap{display:none; gap:8px; align-items:center;}
    .slider-wrap.active{display:flex;}
    .slider-wrap input[type="range"]{width:260px;}
    .pill{font-size:12px; border:1px solid var(--line); border-radius:999px; padding:4px 10px; color:var(--muted)}

    .hp{position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden;}

    .actions{display:flex; gap:12px; justify-content:flex-end; padding:0 22px 22px 22px;}

    .actions div{
      background-color:#121a33; color: #121a33;
    }


    button{
      background:linear-gradient(180deg, #2a3a7b, #1a2450); color:white; border:1px solid #344486; border-radius:12px; padding:10px 16px; font-weight:700; cursor:pointer;
    }
    button[disabled]{opacity:.5; cursor:not-allowed}
    .ok{color:var(--ok)}
    .warn{color:var(--warn)}
    .bad{color:var(--danger)}
    .tiny{font-size:12px; color:var(--muted)}

input:focus {
  outline: none; /* Removes the focus outline */
}

    .email{

    }

.email label{
  color: #121a33;
}

.email input{
  border: none; 
  color: #121a33;
  background-color: #121a33;
  cursor: default;
  -webkit-user-select: none; /* For Safari */
  -ms-user-select: none;    /* For IE 10 and 11 */
  user-select: none;        /* Standard syntax */
}