<!DOCTYPE html>
<html lang="ca">

<head>
    <meta charset="UTF-8">

    <link rel="stylesheet" href="/build/clients.65e2e007.css">
            
    
        


    <style>
        body {
            font-family: Inter, sans-serif !important;
            height: 100vh;
        }

        .login-container {
            min-height: 100vh;
        }

        .login-form {
            max-width: 420px;
            margin: auto;
        }

        .logo {
            max-width: 160px;
            margin-bottom: 40px;
        }

        .btn-primary {
            background-color: #0B5ED7;
            border: none;
            border-radius: 6px;
            padding: 12px;
            font-weight: 500;
        }

        .btn-primary:hover {
            background-color: #094cb6;
        }

        .form-control {
            padding: 12px;
            border-radius: 6px;
            background-color: #F3F4F6;
            border: none;
        }

        .forgot-password {
            font-size: 14px;
            text-decoration: none;
        }

        .support-text {
            font-size: 13px;
            color: #6B7280;
            margin-top: 25px;
            text-align: center;
        }

        .support-text a {
            color: #0B5ED7;
            text-decoration: none;
        }

        .copyright {
            font-size: 12px;
            color: #9CA3AF;
            text-align: center;
            margin-top: 60px;
        }

        .bg-image {
            background-image: url("/build/images/clients/img1.jpg");
            background-size: cover;
            background-position: center;
            min-height: 100vh;
        }

        @media (max-width: 768px) {
            .bg-image {
                display: none;
            }
        }
    </style>


    <script src="/build/runtime.7576e7bf.js"></script><script src="/build/clients.8d6070da.js"></script>
            <title>Entrar - Grupo Elements</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap 5 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">


    <!-- Google Font (opcional, puedes cambiarla) -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">


    </head>





        
    
    <div class="container-fluid login-container">
        <div class="row h-100">

            <!-- COLUMNA FORMULARIO -->
            <div class="col-md-5 d-flex align-items-center">
                <div class="login-form w-100 px-4">

                    <!-- LOGO -->
                    <img src="/build/images/scope/clubelements-logo.png" class="logo" alt="ClubElements" width="160">

                    <h4 class="mb-4 fw-semibold">Benvingut/da de nou</h4>

                    <form action="/login_check" method="post" class="">
                        <input type="hidden" name="_csrf_token" value="c175818c8e740.DDAwj-JLHcys3xEx9fI7s43opxwyJwt_CMlY6Wwz3cE.Xnp097s5S4T8l2MEmJha-v-uxEpfZUo9RYQPqhpFuoBHBkm9sgR_oZvsUA"/>

                        
                        <div class="mb-3">
                            <label class="form-label">Correu Electrònic</label>
                            <input type="text" id="username" name="_username" value=""
                                   required="required" autofocus="autofocus" class="form-control"/>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Contrasenya</label>
                            <input type="password" id="password" name="_password" required="required"
                                   class="form-control"/>
                        </div>

                        <div class="d-flex justify-content-between align-items-center mb-4">
                            <div class="form-check">
                                <input type="checkbox" id="remember_me" name="_remember_me"
                                       value="on"/>
                                <label class="form-check-label" for="remember">
                                    Recordar-me
                                </label>
                            </div>

                            <a href="/resetting/check-email">Has oblidat la contrasenya?</a>
                        </div>

                        <input type="submit" id="_submit" name="_submit"
                               value="Accedir" class="btn btn-primary"/>

                    </form>

                    <div class="support-text">
                        Tens algun inconvenient? Escriu a:
                        <a href="mailto:xmenal@clubelements.com">xmenal@clubelements.com</a>
                    </div>

                    <div class="copyright">
                        ©ClubElements 2026
                    </div>

                </div>
            </div>

            <!-- COLUMNA IMAGEN -->
            <div class="col-md-7 bg-image"></div>

        </div>
    </div>

        
                    
            
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>


