<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">

    <meta
        name="viewport"
        content="width=device-width, initial-scale=1.0"
    >

    <title>Forgot Password | EMI CREDITS</title>

    <style>

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --black: #050505;
            --yellow: #ffd21c;
            --yellow-dark: #e9b900;
            --white: #ffffff;
        }

        body {
            min-height: 100vh;
            font-family: Inter, Arial, Helvetica, sans-serif;
            background:
                radial-gradient(
                    circle at 90% 15%,
                    rgba(255,210,28,.10),
                    transparent 30%
                ),
                radial-gradient(
                    circle at 8% 85%,
                    rgba(255,210,28,.06),
                    transparent 28%
                ),
                #050505;
            color: #ffffff;
        }

        body::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            opacity: .18;
            background-image:
                linear-gradient(rgba(255,210,28,.035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,210,28,.035) 1px, transparent 1px);
            background-size: 42px 42px;
        }

        a {
            text-decoration: none;
            color: inherit;
        }

        .page {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 35px 20px;
            position: relative;
            z-index: 1;
        }

        .forgot-wrapper {
            width: 100%;
            max-width: 1080px;
            min-height: 600px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            background: #0a0a0a;
            border-radius: 26px;
            overflow: hidden;
            border: 1px solid rgba(255,210,28,.22);
            box-shadow:
                0 30px 90px rgba(0,0,0,.60),
                0 0 50px rgba(255,210,28,.04);
        }

        /* =========================================
           LEFT BRAND
        ========================================= */

        .brand-side {
            position: relative;
            padding: 55px;
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            overflow: hidden;
            background:
                radial-gradient(
                    circle at 80% 18%,
                    rgba(255,210,28,.15),
                    transparent 27%
                ),
                linear-gradient(145deg, #050505, #111111);
            border-right: 1px solid rgba(255,210,28,.12);
        }

        .brand-side::before {
            content: "";
            position: absolute;
            width: 410px;
            height: 410px;
            border: 1px solid rgba(255,210,28,.12);
            border-radius: 50%;
            right: -190px;
            top: -150px;
        }

        .brand-side::after {
            content: "";
            position: absolute;
            width: 300px;
            height: 300px;
            border: 1px solid rgba(255,210,28,.08);
            border-radius: 50%;
            left: -170px;
            bottom: -140px;
        }

        .brand-content,
        .benefits {
            position: relative;
            z-index: 2;
        }

        /* Logo only */
        .logo {
            display: inline-flex;
            align-items: center;
            padding: 0;
            margin-bottom: 58px;
            background: transparent;
            border-radius: 0;
            box-shadow: none;
        }

        .logo img {
            height: 40px;
            width: auto;
            max-width: 180px;
            display: block;
        }

        .eyebrow {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            align-self: flex-start;
            width: fit-content;
            gap: 7px;
            color: var(--yellow);
            border: 1px solid rgba(255,210,28,.28);
            background: rgba(255,210,28,.05);
            padding: 8px 13px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .7px;
            text-transform: uppercase;
            margin: 0 0 20px 0;
            text-align: left;
        }

        .brand-content h1 {
            font-size: 42px;
            line-height: 1.08;
            letter-spacing: -1.7px;
            margin-bottom: 20px;
        }

        .brand-content h1 span {
            color: var(--yellow);
        }

        .brand-content p {
            color: #a7a7a7;
            font-size: 15px;
            max-width: 410px;
            line-height: 1.75;
        }

        .benefits {
            display: flex;
            flex-direction: column;
            gap: 13px;
        }

        .benefit {
            display: flex;
            align-items: center;
            gap: 11px;
            color: #d7d7d7;
            font-size: 13px;
        }

        .benefit-icon {
            width: 31px;
            height: 31px;
            flex: 0 0 31px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,210,28,.10);
            border: 1px solid rgba(255,210,28,.22);
            color: var(--yellow);
            border-radius: 9px;
            font-size: 13px;
        }

        /* =========================================
           RIGHT FORM
        ========================================= */

        .form-side {
            padding: 48px 55px;
            display: flex;
            align-items: center;
            background:
                radial-gradient(
                    circle at 90% 5%,
                    rgba(255,210,28,.07),
                    transparent 30%
                ),
                #0b0b0b;
        }

        .form-container {
            width: 100%;
            max-width: 400px;
            margin: auto;
        }

        .mobile-logo {
            display: none;
            justify-content: center;
            margin-bottom: 30px;
        }

        .mobile-logo a {
            display: inline-flex;
            padding: 0;
            background: transparent;
            border-radius: 0;
            box-shadow: none;
        }

        .mobile-logo img {
            height: 42px;
            max-width: 185px;
            display: block;
        }

        /* =========================================
           ICON
        ========================================= */

        .forgot-icon {
            width: 58px;
            height: 58px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,210,28,.10);
            color: var(--yellow);
            border: 1px solid rgba(255,210,28,.22);
            border-radius: 15px;
            font-size: 25px;
            margin-bottom: 22px;
        }

        /* =========================================
           HEADER
        ========================================= */

        .form-header {
            margin-bottom: 27px;
        }

        .form-header h2 {
            font-size: 30px;
            letter-spacing: -1px;
            margin-bottom: 8px;
            color: #ffffff;
        }

        .form-header h2 span {
            color: var(--yellow);
        }

        .form-header p {
            color: #888888;
            font-size: 14px;
            line-height: 1.65;
        }

        /* =========================================
           STATUS
        ========================================= */

        .status-box {
            padding: 12px 14px;
            background: rgba(58,190,105,.08);
            border: 1px solid rgba(58,190,105,.28);
            color: #7ce19b;
            border-radius: 10px;
            font-size: 12px;
            margin-bottom: 20px;
        }

        .error-box {
            padding: 12px 14px;
            background: rgba(255,70,70,.07);
            border: 1px solid rgba(255,100,100,.22);
            color: #ff9b9b;
            border-radius: 10px;
            font-size: 12px;
            margin-bottom: 20px;
        }

        /* =========================================
           FORM
        ========================================= */

        .form-group {
            margin-bottom: 18px;
        }

        .form-label {
            display: block;
            color: #e7e7e7;
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 8px;
        }

        .input-wrapper {
            position: relative;
        }

        .input-icon {
            position: absolute;
            left: 14px;
            top: 50%;
            transform: translateY(-50%);
            color: #777777;
            font-size: 15px;
            pointer-events: none;
            z-index: 2;
        }

        .form-input {
            width: 100%;
            height: 49px;
            border: 1px solid #292929;
            border-radius: 11px;
            background: #111111;
            padding: 0 14px 0 42px;
            color: #ffffff;
            font-size: 14px;
            outline: none;
            transition: .2s ease;
        }

        .form-input:hover {
            border-color: #3a3a3a;
        }

        .form-input:focus {
            background: #0e0e0e;
            border-color: var(--yellow);
            box-shadow: 0 0 0 3px rgba(255,210,28,.08);
        }

        .form-input::placeholder {
            color: #666666;
        }

        .input-error {
            border-color: #e05b5b;
        }

        .error {
            color: #ff9999;
            font-size: 11px;
            margin-top: 5px;
        }

        /* =========================================
           BUTTON
        ========================================= */

        .reset-button {
            width: 100%;
            height: 51px;
            border: none;
            border-radius: 11px;
            background:
                linear-gradient(
                    135deg,
                    #ffd21c,
                    #f0b900
                );
            color: #080808;
            font-size: 14px;
            font-weight: 800;
            cursor: pointer;
            box-shadow: 0 12px 28px rgba(255,210,28,.15);
            transition: .2s ease;
            margin-top: 5px;
        }

        .reset-button:hover {
            transform: translateY(-1px);
            box-shadow: 0 15px 32px rgba(255,210,28,.22);
        }

        .reset-button:active {
            transform: translateY(0);
        }

        /* =========================================
           LOGIN
        ========================================= */

        .login-text {
            text-align: center;
            color: #777777;
            font-size: 13px;
            margin-top: 23px;
        }

        .login-text a {
            color: var(--yellow);
            font-weight: 800;
        }

        .login-text a:hover {
            text-decoration: underline;
        }

        /* =========================================
           HOME
        ========================================= */

        .back-home {
            display: block;
            text-align: center;
            margin-top: 20px;
            color: #707070;
            font-size: 12px;
        }

        .back-home:hover {
            color: var(--yellow);
        }

        /* =========================================
           TABLET
        ========================================= */

        @media (max-width: 800px) {

            .page {
                padding: 18px 14px;
            }

            .forgot-wrapper {
                max-width: 520px;
                min-height: auto;
                grid-template-columns: 1fr;
                border-radius: 22px;
            }

            .brand-side {
                display: none;
            }

            .form-side {
                padding: 38px 26px;
                min-height: calc(100vh - 36px);
            }

            .mobile-logo {
                display: flex;
            }

            .forgot-icon {
                margin-left: auto;
                margin-right: auto;
            }

            .form-header {
                text-align: center;
            }
        }

        /* =========================================
           SMALL MOBILE
        ========================================= */

        @media (max-width: 450px) {

            body {
                background: #050505;
            }

            body::before {
                display: none;
            }

            .page {
                padding: 0;
            }

            .forgot-wrapper {
                min-height: 100vh;
                border: none;
                border-radius: 0;
                box-shadow: none;
            }

            .form-side {
                min-height: 100vh;
                padding: 30px 22px;
            }

            .mobile-logo {
                margin-bottom: 30px;
            }

            .form-header h2 {
                font-size: 28px;
            }

            .form-header p {
                font-size: 13px;
            }

            .reset-button {
                height: 52px;
            }
        }

    </style>

</head>

<body>

<div class="page">

    <div class="forgot-wrapper">

        <!-- =====================================
             LEFT BRAND PANEL
        ====================================== -->

        <div class="brand-side">

            <div class="brand-content">

                <a href="/" class="logo">

                    <img
                        src="<?php echo e(asset('images/logo.png')); ?>"
                        alt="EMI CREDITS"
                    >

                </a>

                <div class="eyebrow">
                    ✦ Smart EMI Solutions
                </div>

                <h1>
                    Reset your <span>password.</span>
                </h1>

                <p>
                    Don't worry. It happens.
                    Enter your registered email address
                    and we'll help you reset your password
                    securely.
                </p>

            </div>

            <div class="benefits">

                <div class="benefit">

                    <div class="benefit-icon">
                        🔐
                    </div>

                    Secure password reset

                </div>

                <div class="benefit">

                    <div class="benefit-icon">
                        ⚡
                    </div>

                    Quick recovery process

                </div>

                <div class="benefit">

                    <div class="benefit-icon">
                        🛡
                    </div>

                    Your account stays protected

                </div>

                <div class="benefit">

                    <div class="benefit-icon">
                        ✓
                    </div>

                    Simple digital recovery

                </div>

            </div>

        </div>

        <!-- =====================================
             FORM
        ====================================== -->

        <div class="form-side">

            <div class="form-container">

                <!-- MOBILE LOGO -->

                <div class="mobile-logo">

                    <a href="/">

                        <img
                            src="<?php echo e(asset('images/logo.png')); ?>"
                            alt="EMI CREDITS"
                        >

                    </a>

                </div>

                <!-- ICON -->

                <div class="forgot-icon">
                    🔑
                </div>

                <!-- HEADER -->

                <div class="form-header">

                    <h2>
                        Forgot <span>Password?</span>
                    </h2>

                    <p>
                        Enter the email address associated
                        with your account. We'll send you a
                        secure password reset link.
                    </p>

                </div>

                <!-- STATUS -->

                <?php if(session('status')): ?>

                    <div class="status-box">

                        <?php echo e(session('status')); ?>


                    </div>

                <?php endif; ?>

                <!-- ERRORS -->

                <?php if($errors->any()): ?>

                    <div class="error-box">

                        <?php echo e($errors->first('email')); ?>


                    </div>

                <?php endif; ?>

                <!-- FORM -->

                <form
                    method="POST"
                    action="<?php echo e(route('password.email')); ?>"
                >

                    <?php echo csrf_field(); ?>

                    <div class="form-group">

                        <label
                            for="email"
                            class="form-label"
                        >
                            Email Address
                        </label>

                        <div class="input-wrapper">

                            <span class="input-icon">
                                ✉
                            </span>

                            <input
                                id="email"
                                type="email"
                                name="email"
                                value="<?php echo e(old('email')); ?>"
                                class="form-input <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> input-error <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                placeholder="Enter your registered email"
                                required
                                autofocus
                                autocomplete="email"
                            >

                        </div>

                        <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>

                            <div class="error">
                                <?php echo e($message); ?>

                            </div>

                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>

                    </div>

                    <button
                        type="submit"
                        class="reset-button"
                    >
                        Send Reset Link →
                    </button>

                </form>

                <!-- LOGIN -->

                <div class="login-text">

                    Remember your password?

                    <a href="<?php echo e(route('login')); ?>">
                        Sign In
                    </a>

                </div>

                <!-- HOME -->

                <a
                    href="/"
                    class="back-home"
                >
                    ← Back to EMI CREDITS
                </a>

            </div>

        </div>

    </div>

</div>

</body>
</html><?php /**PATH /home/eduintxshop/public_html/loan.eduintx.shop/resources/views/auth/forgot-password.blade.php ENDPATH**/ ?>