<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    android:background="#F3F6FF">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="vertical"
        android:padding="24dp">

        <!-- CARD -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/card_bg"
            android:orientation="vertical"
            android:gravity="center_horizontal"
            android:padding="24dp"
            android:elevation="6dp">

            <!-- LOGO -->
            <ImageView
                android:id="@+id/logo"
                android:layout_width="64dp"
                android:layout_height="64dp"
                android:src="@drawable/logo_finzora"
                android:layout_marginBottom="12dp" />

            <!-- TÍTULO -->
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Finzora"
                android:textSize="26sp"
                android:textStyle="bold"
                android:textColor="#1A1A1A"
                android:layout_marginBottom="4dp" />

            <!-- SUBTÍTULO -->
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Entre na sua conta para gerir as suas despesas"
                android:textSize="14sp"
                android:textColor="#6A6A6A"
                android:gravity="center"
                android:layout_marginBottom="20dp" />

            <!-- EMAIL -->
            <EditText
                android:id="@+id/inputEmail"
                android:layout_width="match_parent"
                android:layout_height="48dp"
                android:hint="Email"
                android:padding="12dp"
                android:background="@drawable/edittext_bg"
                android:inputType="textEmailAddress"
                android:textColor="#000"
                android:textColorHint="#A0A0A0"
                android:layout_marginBottom="14dp" />

            <!-- PASSWORD -->
            <EditText
                android:id="@+id/inputPassword"
                android:layout_width="match_parent"
                android:layout_height="48dp"
                android:hint="Palavra-passe"
                android:padding="12dp"
                android:background="@drawable/edittext_bg"
                android:inputType="textPassword"
                android:textColor="#000"
                android:textColorHint="#A0A0A0"
                android:layout_marginBottom="18dp" />

            <!-- BOTÃO -->
            <Button
                android:id="@+id/btnLogin"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:text="Entrar"
                android:textSize="16sp"
                android:textColor="#FFFFFF"
                android:backgroundTint="#2D54FF"
                android:layout_marginBottom="12dp" />

            <!-- REGISTO -->
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Não tem conta? "
                    android:textColor="#6A6A6A" />

                <TextView
                    android:id="@+id/goToRegister"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Registar agora"
                    android:textColor="#2D54FF"
                    android:textStyle="bold" />
            </LinearLayout>

        </LinearLayout>

    </LinearLayout>
</ScrollView>

