new style

src/app/styles/base/_globales.scss

@@ -2,6 +2,7 @@ html {
   font-size: 62.5%;
   box-sizing: border-box;
   scroll-padding-top: 0rem;
+  scrollbar-width: none;
 }
 
 *,
@@ -19,8 +20,7 @@ body {
   font-size: 2rem;
   font-optical-sizing: auto;
   min-height: 100dvh;
-  width: 100%;
-  max-width: 100vw;
+  width: 100vw;
 
   &.overflow-hidden {
     overflow: hidden;
@@ -56,3 +56,9 @@ h3 {
   font-size: 4rem;
   text-align: center;
 }
+
+label {
+  display: block;
+  text-align: start;
+  width: 100%;
+}

src/app/styles/layout/login.scss

@@ -20,8 +20,8 @@
     width: 100%;
     padding: 10px;
     margin-bottom: 15px;
-    border-radius: 5px;
-    border: 1px solid #ccc;
+    border-radius: 10px;
+    border: 1px solid #003e79;
   }
 
   button {
@@ -30,7 +30,7 @@
     background-color: #004aad;
     color: white;
     border: none;
-    border-radius: 5px;
+    border-radius: 4px;
     cursor: pointer;
   }
 

src/components/Login.tsx

@@ -3,6 +3,7 @@
 import { useState } from "react";
 
 import "../app/styles/layout/login.scss";
+import "../app/styles/base/_globales.scss"; // si tienes estilos globales
 
 export default function Login() {
   const [email, setEmail] = useState("");
@@ -16,25 +17,29 @@ export default function Login() {
   return (
     <section className="containerGrid">
       <div className="login-container">
-        <h2>Iniciar sesión</h2>
+        <h2>Inicio sesión</h2>
         {error && <p className="error">{error}</p>}
         <form onSubmit={handleSubmit}>
-          <label>Usuario</label>
-          <input
-            type="email"
-            placeholder="Correo"
-            value={email}
-            onChange={(e) => setEmail(e.target.value)}
-            required
-          />
-          <label>Contraseña</label>
-          <input
-            type="password"
-            placeholder="Contraseña"
-            value={password}
-            onChange={(e) => setPassword(e.target.value)}
-            required
-          />
+          <div>
+            <label>Usuario</label>
+            <input
+              type="email"
+              placeholder="Correo"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              required
+            />
+          </div>
+          <div>
+            <label>Contraseña</label>
+            <input
+              type="password"
+              placeholder="Contraseña"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              required
+            />
+          </div>
           <button type="submit">Ingresar</button>
         </form>
       </div>