<div style="padding-top: 140px; padding-bottom: 80px; min-height: 100vh;">

    <div class="container">

        <div class="text-center"> <?php if ($this->session->flashdata()) {

                                        echo Helpers::showFlash($this->session->flashdata("response"));

                                    } ?></div>

        <div class="text-center" style="margin-bottom: 3rem;">

            <h1 style="font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem;">

                Sign In <span class="gradient-text"></span>

            </h1>

            <p style="color: rgba(255,255,255,0.7); font-size: 1.25rem;">Sign In to continue to Defilenders</p>

        </div>



        <div class="card main-card">

            <h2 style="font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 0.75rem;">

                Sign In

            </h2>



            <form method="post">

                <div class="input-group">

                    <label class="input-label">Email</label>

                    <input type="email" class="input" placeholder="Enter Email" name="email" id="address" required>

                </div>

                <div class="input-group">

                    <label class="input-label">Password</label>

                    <input type="password" class="input" name="password" placeholder="******" id="address" required>

                </div>



                <div style="padding: 1rem;  margin-bottom: 1.5rem;">

                    <div style="display: flex; gap: 0.75rem;align-items:center">

                        <div style="color: #ffa500; font-size: 1.25rem; flex-shrink: 0;">⚠️</div>

                        <div>

                            <a href="<?= base_url(); ?>forgot_password" style="text-decoration:none !important">

                                <div style="color: #ffa500; font-weight: 600; margin-bottom: 0.25rem; font-size: 0.875rem;">Forgot Password?</div>

                            </a>

                        </div>

                    </div>

                </div>



                <!-- <input type="submit" name="not_bank" class="btn btn-primary" style="width: 100%;" id="" value="Submit Withdrawal"> -->

                <button type="submit" class="btn btn-primary" style="width: 100%;">Sign In</button>

                <p style="text-align: center; font-size: 0.875rem; color: rgba(255,255,255,0.6); margin-top: 1rem;">Don't have an account? <a style="    text-decoration: none; color: #fff !important;" href="<?= base_url() ?>register">Sign Up</a></p>

            </form>

        </div>

    </div>

</div>

</div>