:root{
    --primary:#111827; --bg:#FAFAFA; --card:#FFFFFF; --blue:#2563EB; --purple:#7C3AED;
    --error:#EF4444; --border-strong:rgba(17,24,39,0.14); --muted:#6B7280;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{ background:var(--bg); min-height:100vh; display:flex; align-items:center; justify-content:center; font-family:'Inter',sans-serif; padding:24px; }
  h1{ font-family:'Plus Jakarta Sans',sans-serif; }
  .card{ background:var(--card); border:1px solid rgba(17,24,39,0.08); border-radius:20px; padding:40px 36px; max-width:400px; width:100%; box-shadow:0 20px 50px -20px rgba(17,24,39,0.15); }
  .logo{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:18px; margin-bottom:28px; }
  .logo .mark{ width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg,var(--blue),var(--purple)); display:flex; align-items:center; justify-content:center; color:white; font-size:13px; font-weight:800; }
  h1{ font-size:22px; letter-spacing:-0.02em; margin-bottom:6px; }
  .sub{ color:var(--muted); font-size:13.5px; margin-bottom:26px; }
  .field{ margin-bottom:16px; }
  .field label{ display:block; font-size:13px; font-weight:600; margin-bottom:7px; }
  .field input{ width:100%; padding:12px 14px; border:1.5px solid var(--border-strong); border-radius:10px; font-size:14px; font-family:'Inter',sans-serif; }
  .field input:focus{ outline:none; border-color:var(--blue); box-shadow:0 0 0 4px rgba(37,99,235,0.1); }
  .error{ font-size:12.5px; color:var(--error); margin-bottom:16px; background:rgba(239,68,68,0.06); border:1px solid rgba(239,68,68,0.2); padding:10px 12px; border-radius:9px; }
  .btn{ width:100%; background:var(--primary); color:white; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:14.5px; padding:13px; border:none; border-radius:10px; cursor:pointer; }
  .btn:hover{ background:#000; }
  .foot-note{ text-align:center; font-size:13px; color:var(--muted); margin-top:20px; }
  .foot-note a{ color:var(--blue); font-weight:600; text-decoration:none; }
  :focus-visible{ outline:2.5px solid var(--blue); outline-offset:3px; }