Código de Front-end no geral sempre vai ser uma bagunça pois componentes e tags html são extensos mesmo

Se você defende isso:

<form class="w-full max-w-xs space-y-3">
    <input type="email" placeholder="Email" class="h-11 w-full rounded-lg border border-border bg-secondary px-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary" value="">
    <input type="password" placeholder="Password" class="h-11 w-full rounded-lg border border-border bg-secondary px-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary" value="">
    <button type="submit" class="flex h-11 w-full items-center justify-center rounded-lg bg-primary text-sm font-normal text-primary-foreground transition-colors hover:bg-primary/90 active:scale-[0.98] disabled:opacity-60">Continue</button>
</form>

Em vez disso:

<form class="form">
    <input type="email" placeholder="Email" class="field" value="">
    <input type="password" placeholder="Password" class="field" value="">
    <button type="submit" class="btn">Continue</button>
</form>

Só tenho que te chamar de doido hahahaha