:root{ --fg-bg:#0f141c; --fg-card:#141b24; --fg-line:#1f2732; --fg-txt:#e9eef5; --fg-muted:#9aa6b2; --fg-red:#E50914; }

.fg{ max-width:560px; margin:64px auto 96px; padding:0 16px; color:var(--fg-txt); }
.fg__title{ text-align:center; color:var(--fg-red); font-size:36px; font-weight:900; margin:0 0 18px; }

.fg__card{ background:var(--fg-card); border:1px solid var(--fg-line); border-radius:16px; padding:22px; box-shadow:0 16px 40px rgba(0,0,0,1); }

.fg__field{ margin-bottom:14px; }
.fg__field label{ display:block; color:var(--fg-muted); font-size:14px; margin:0 0 6px; }
.fg__field input{ width:100%; height:46px; border-radius:12px; border:1px solid var(--fg-line); background:var(--fg-bg); color:var(--fg-txt); padding:0 14px; outline:none; }
.fg__field input:focus{ border-color: color-mix(in srgb, var(--fg-red) 45%, var(--fg-line)); box-shadow:0 0 0 5px color-mix(in srgb, var(--fg-red) 18%, transparent); }

/* Buttons */
.fg__actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:6px; }
.fg-btn{ display:inline-flex; align-items:center; justify-content:center; height:50px; border-radius:14px; border:1px solid var(--fg-line); text-decoration:none; font-weight:900; font-size:16px; letter-spacing:.2px; color:#fff; }
.fg-btn--primary{ background:var(--fg-red); border-color:color-mix(in srgb,var(--fg-red) 60%,#000); box-shadow:0 14px 36px color-mix(in srgb,var(--fg-red) 42%, transparent); }
.fg-btn--ghost{ background:#1a2430; color:var(--fg-txt); border-color:color-mix(in srgb,var(--fg-red) 35%, var(--fg-line)); }

/* Messages */
.fg__msg{ margin-bottom:12px; background:#111a24; border:1px solid #2a3442; border-radius:12px; padding:10px 12px; color:#ffb4b4; }
.fg__msg--ok{ color:#c1ffd2; border-color:#2d4734; background:#112019; }

/* Autofill fix */
.fg__field input:-webkit-autofill,
.fg__field input:-webkit-autofill:hover,
.fg__field input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px var(--fg-bg) inset !important;
  -webkit-text-fill-color:var(--fg-txt) !important;
}

@media(max-width:520px){
  .fg{ margin-top:40px; }
  .fg__title{ font-size:30px; }
  .fg__card{ padding:18px; }
  .fg__actions{ grid-template-columns:1fr; }
}