Dark Premium Login

Implementación en React + Tailwind

const LoginForm = () => (
  <div className="w-full max-w-md p-8 bg-slate-900 border border-slate-800 rounded-3xl shadow-2xl">
    <h2 className="text-3xl font-black text-white mb-2">Bienvenido</h2>
    <p className="text-slate-400 mb-8">Introduce tus credenciales para continuar.</p>
    <div className="space-y-4">
      <input type="email" placeholder="Email" className="w-full p-4 bg-slate-800 border-none rounded-2xl text-white outline-none focus:ring-2 focus:ring-primary-500" />
      <input type="password" placeholder="Contraseña" className="w-full p-4 bg-slate-800 border-none rounded-2xl text-white outline-none focus:ring-2 focus:ring-primary-500" />
      <button className="w-full py-4 bg-primary-600 hover:bg-primary-700 text-white font-bold rounded-2xl transition-all shadow-lg shadow-primary-500/20">
        Entrar
      </button>
    </div>
  </div>
);