:root{
  --tla-bg:#111214;
  --tla-field:#111214;
  --tla-border:#525861;
  --tla-text:#f7f7f7;
  --tla-muted:#9aa1aa;
  --tla-primary:#ff0a00;
  --tla-primary-hover:#d90800;
  --tla-danger:#ff4d47;
}

.tla-wrap{width:100%;max-width:420px;color:var(--tla-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tla-form{display:flex;flex-direction:column;gap:14px;width:100%}
.tla-field{display:flex;flex-direction:column;gap:6px}
.tla-field label{font-size:14px;font-weight:600;line-height:1.35;color:var(--tla-text)}
.tla-field label span{color:var(--tla-primary)}
.tla-field input{width:100%;height:48px;border:1px solid var(--tla-border);border-radius:4px;background:var(--tla-field);color:var(--tla-text);padding:0 15px;font-size:15px;outline:none;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
.tla-field input:focus{border-color:#858b94;box-shadow:0 0 0 2px rgba(255,255,255,.06)}
.tla-field small{font-size:12px;color:var(--tla-muted)}
.tla-password{position:relative}
.tla-password input{padding-right:48px}
.tla-eye{position:absolute;right:0;top:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#a9afb7;cursor:pointer;padding:0}
.tla-eye svg{width:18px;height:18px;fill:currentColor}
.tla-eye:hover{color:#fff}
.tla-primary,.tla-google{width:100%;min-height:58px;border-radius:4px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;font-size:16px;box-sizing:border-box}
.tla-primary{position:relative;border:1px solid var(--tla-primary);background:var(--tla-primary);color:#fff;cursor:pointer;margin-top:20px;transition:background .2s ease,border-color .2s ease}
.tla-primary:hover,.tla-primary:focus{background:var(--tla-primary-hover);border-color:var(--tla-primary-hover);color:#fff}
.tla-primary .tla-arrow{position:absolute;right:calc(50% - 70px);font-size:28px;font-weight:300;line-height:1;margin-top:-2px}
.tla-google{gap:10px;background:transparent;border:1px solid #d7d9dd;color:#fff;transition:background .2s ease}
.tla-google:hover{background:rgba(255,255,255,.05);color:#fff}
.tla-google-g{font-weight:800;font-size:18px;line-height:1;background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tla-links{text-align:center;margin-top:14px;color:var(--tla-muted);font-size:13px}
.tla-links a{color:var(--tla-muted);text-decoration:underline;text-underline-offset:2px}
.tla-links a:hover{color:#fff}
.tla-check{display:flex;align-items:flex-start;gap:10px;color:var(--tla-muted);font-size:13px;line-height:1.45;cursor:pointer}
.tla-check input{margin-top:3px;accent-color:var(--tla-primary)}
.tla-message{width:100%;box-sizing:border-box;margin-bottom:16px;padding:12px 14px;border-radius:4px;font-size:13px;line-height:1.45}
.tla-message--error{background:rgba(255,10,0,.10);border:1px solid rgba(255,10,0,.35);color:#ffd3d1}
.tla-message--success{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}
.tla-message a{color:inherit;text-decoration:underline}
.tla-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@media (max-width:767px){
  .tla-wrap{max-width:none}
  .tla-field input,.tla-eye{height:50px}
  .tla-primary,.tla-google{min-height:54px}
}