.eras-login-screen {
        position: fixed; inset: 0; z-index: 9999;
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        background: #050505; gap: 24px; padding: 24px;
        font-family: 'Inter', sans-serif;
      }
      .eras-login-screen.hidden { display: none; }
      .eras-login-form { display: flex; flex-direction: column; gap: 14px; width: 100%; max-width: 320px; }
      .eras-login-form input {
        background: #111; border: 1px solid #1e1e1e; border-radius: 10px;
        padding: 12px 16px; color: #e8e8e8; font-size: 16px; font-family: inherit;
        outline: none; -webkit-appearance: none;
      }
      .eras-login-form input:focus { border-color: #333; }
      .eras-login-form input::placeholder { color: #555; }
      .eras-login-form button {
        background: #1a1a1a; border: 1px solid #1e1e1e; border-radius: 10px;
        padding: 12px; color: #e8e8e8; font-family: inherit;
        font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s;
        letter-spacing: 0.05em;
      }
      .eras-login-form button:hover { background: #222; border-color: #333; }
      .eras-login-error { color: #dc2626; font-size: 12px; text-align: center; min-height: 16px; }
      .eras-security-btn {
        background: #dc2626; color: white; border: none; border-radius: 4px;
        padding: 4px 8px; font-size: 11px; font-weight: 600; cursor: pointer;
        transition: all 0.2s; letter-spacing: 0.05em; font-family: 'Inter', sans-serif;
      }
      .eras-security-btn.off { background: #1a1a1a; color: #555; }

.font-serif {
  font-family: 'Playfair Display', serif;
}

.font-handwriting {
  font-family: 'Caveat', cursive;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes drawPath {
  from {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
  }
  to {
    stroke-dashoffset: 0;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #050505;
}