siftlode/frontend/src/components/Login.tsx

export default function Login() {
  return (
    <div className="min-h-screen grid place-items-center bg-bg text-fg">
      <div className="glass w-[min(92vw,420px)] rounded-2xl p-10 text-center">
        <div className="text-3xl font-bold tracking-tight">
          Sub<span className="text-accent">feed</span>
        </div>
        <p className="text-muted my-5 leading-relaxed">
          Your subscriptions, filtered your way.
          <br />
          Sign in with your Google account.
        </p>
        <a
          href="/auth/login"
          className="inline-flex items-center gap-2 px-5 py-3 rounded-xl font-semibold bg-accent text-accent-fg hover:opacity-90 transition"
        >
          Sign in with Google
        </a>
        <div className="text-xs text-muted mt-6">Invite-only access.</div>
      </div>
    </div>
  );
}