App.tsx

import React from 'react';
import { LoginScreen } from './components/LoginScreen';

const App: React.FC = () => {
  return (
    <div className="relative w-full min-h-screen flex items-center justify-center">
      {/* Background Glow Effects - Replicating the atmospheric feel */}
      <div className="fixed top-0 left-0 w-full h-full pointer-events-none z-0 overflow-hidden">
        <div className="absolute -top-[10%] -right-[10%] w-[50%] h-[30%] bg-primary/5 blur-[100px] rounded-full"></div>
        <div className="absolute -bottom-[10%] -left-[10%] w-[50%] h-[30%] bg-primary/5 blur-[100px] rounded-full"></div>
      </div>

      {/* Main Content */}
      <LoginScreen />
    </div>
  );
};

export default App;