/* ====== Ajustes de marca (Stoky) ====== */
    :root{
      --stoky-primary: #6f42c1;   /* morado Stoky */
      --stoky-bg: #1f2330;        /* fondo app */
      --stoky-card: #ffffff;      /* card claro */
    }
    .btn-primary{
      background-color: var(--stoky-primary);
      border-color: var(--stoky-primary);
    }
    .btn-primary:hover{
      filter: brightness(0.95);
    }
    .form-control:focus{
      border-color: var(--stoky-primary);
      box-shadow: 0 0 0 .2rem rgba(111,66,193,.15);
    }

    /* ====== Layout minimal ====== */
    body{
      min-height: 100svh;
      background:
        radial-gradient(1000px 600px at 10% -10%, rgba(111,66,193,.20), transparent 60%),
        radial-gradient(900px 500px at 110% 110%, rgba(100,149,237,.18), transparent 60%),
        var(--stoky-bg);
      display: grid;
      place-items: center;
      padding: 24px;
      color: #111827;
    }
    .auth-card{
      width: 100%;
      max-width: 380px;
      background: var(--stoky-card);
      border: 1px solid rgba(0,0,0,.06);
      border-radius: 18px;
      padding: 28px;
      box-shadow:
        0 10px 30px rgba(0,0,0,.08),
        0 2px 8px rgba(0,0,0,.06);
    }
    .brand{
      display: grid;
      place-items: center;
      gap: 8px;
      margin-bottom: 18px;
    }
    .brand img{
      height: 72px; width: auto; display: block;
      filter: drop-shadow(0 6px 10px rgba(0,0,0,.2));
    }
    .brand h1{
      font-size: 28px; line-height: 1;
      margin: 0; letter-spacing: .5px;
      font-weight: 800; color: var(--stoky-primary);
      text-transform: uppercase;
    }
    .muted{
      color:#6b7280; font-size: 12px;
    }
    .input-with-icon{
      position: relative;
    }
    .input-with-icon .toggle-pass{
      position: absolute;
      right: .6rem; top: 50%;
      transform: translateY(-50%);
      border: 0; background: transparent;
      color: #6b7280;
      padding: .25rem; cursor: pointer;
    }
    .form-footer{
      display: flex; align-items: center; justify-content: space-between;
      gap: 8px; margin-top: 8px;
    }