<!DOCTYPE html>
<html lang="pt-BR" class="h-full">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Acesso — OPCON Soluções Contábeis</title>
    <link rel="icon" type="image/jpeg" href="<?php echo e(asset('favicon.jpg')); ?>">
    <link rel="shortcut icon" href="<?php echo e(asset('favicon.jpg')); ?>">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    <style>
        body { font-family: 'Poppins', sans-serif; }

        .login-left {
            background: linear-gradient(145deg, #1e3a5f 0%, #0f2440 60%, #0a1a30 100%);
            position: relative;
            overflow: hidden;
        }

        .login-left::before {
            content: '';
            position: absolute;
            top: -200px; right: -200px;
            width: 500px; height: 500px;
            background: radial-gradient(circle, rgba(37,184,126,0.12) 0%, transparent 70%);
            border-radius: 50%;
        }

        .login-left::after {
            content: '';
            position: absolute;
            bottom: -150px; left: -150px;
            width: 400px; height: 400px;
            background: radial-gradient(circle, rgba(37,184,126,0.08) 0%, transparent 70%);
            border-radius: 50%;
        }

        .feature-item {
            display: flex;
            align-items: flex-start;
            gap: 0.875rem;
            padding: 0.875rem 1rem;
            border-radius: 10px;
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.07);
            transition: background 0.2s;
        }

        .feature-item:hover { background: rgba(255,255,255,0.07); }

        .feature-icon {
            width: 36px; height: 36px;
            border-radius: 8px;
            background: rgba(37,184,126,0.15);
            border: 1px solid rgba(37,184,126,0.3);
            display: flex; align-items: center; justify-content: center;
            flex-shrink: 0;
            color: #25b87e;
        }

        .stat-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 100px;
        }

        .input-field {
            width: 100%;
            padding: 0.75rem 1rem;
            border: 1.5px solid #e2e8f0;
            border-radius: 10px;
            font-family: 'Poppins', sans-serif;
            font-size: 0.875rem;
            color: #1e3a5f;
            background: #fff;
            transition: border-color 0.2s, box-shadow 0.2s;
            outline: none;
            box-sizing: border-box;
        }

        .input-field:focus {
            border-color: #25b87e;
            box-shadow: 0 0 0 3px rgba(37,184,126,0.12);
        }

        .input-field::placeholder { color: #94a3b8; }

        .btn-login {
            width: 100%;
            padding: 0.875rem 1.5rem;
            background: #25b87e;
            color: #fff;
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            font-size: 0.9rem;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
            letter-spacing: 0.01em;
        }

        .btn-login:hover {
            background: #1fa06d;
            transform: translateY(-1px);
            box-shadow: 0 8px 24px rgba(37,184,126,0.35);
        }

        .btn-login:active { transform: translateY(0); }

        .divider {
            display: flex;
            align-items: center;
            gap: 1rem;
            color: #cbd5e1;
            font-size: 0.75rem;
        }

        .divider::before, .divider::after {
            content: '';
            flex: 1;
            height: 1px;
            background: #e2e8f0;
        }

        @media (max-width: 768px) {
            .login-left { display: none; }
        }
    </style>
</head>
<body style="margin: 0; min-height: 100vh; display: flex;">


<div class="login-left" style="flex: 0 0 55%; padding: 3rem 3.5rem; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 1;">

    
    <div>
        <a href="<?php echo e(route('home')); ?>" style="display: inline-flex; align-items: center; text-decoration: none;">
            <img src="<?php echo e(asset('opcon-logotipo.jpg')); ?>"
                 alt="OPCON"
                 style="height: 40px; width: auto; border-radius: 8px; padding: 4px 10px; background: rgba(255,255,255,0.92);"
                 width="444" height="100">
        </a>
    </div>

    
    <div style="max-width: 440px;">

        <h1 style="font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 800; color: #fff; line-height: 1.2; margin: 0 0 1rem;">
            Gestão contábil<br>
            <span style="color: #25b87e;">inteligente</span> em um só lugar
        </h1>

        <p style="font-size: 0.9375rem; color: rgba(255,255,255,0.6); line-height: 1.7; margin: 0 0 2rem;">
            Acesse o painel interno da OPCON para gerenciar demandas, contratos, honorários e muito mais com agilidade e precisão.
        </p>


    </div>

    
    <div style="display: flex; align-items: center; gap: 0.75rem;">
        <a href="<?php echo e(route('home')); ?>"
           style="display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; color: rgba(255,255,255,0.4); text-decoration: none; transition: color 0.2s;"
           onmouseover="this.style.color='rgba(255,255,255,0.7)'" onmouseout="this.style.color='rgba(255,255,255,0.4)'">
            <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
            </svg>
            Voltar ao site
        </a>
        <span style="color: rgba(255,255,255,0.15);">·</span>
        <span style="font-size: 0.8125rem; color: rgba(255,255,255,0.25);">&copy; <?php echo e(date('Y')); ?> OPCON. Todos os direitos reservados.</span>
    </div>

</div>


<div style="flex: 1; display: flex; align-items: center; justify-content: center; padding: 3rem 2rem; background: #fff;">
    <div style="width: 100%; max-width: 380px;">

        
        <div style="margin-bottom: 2.25rem;">
            <h2 style="font-size: 1.625rem; font-weight: 700; color: #1e3a5f; margin: 0 0 0.5rem;">Bem-vindo de volta</h2>
            <p style="font-size: 0.875rem; color: #94a3b8; margin: 0;">Entre com suas credenciais para acessar o painel</p>
        </div>

        
        <?php if($errors->any()): ?>
            <div style="background: #fef2f2; border: 1px solid #fecaca; border-radius: 10px; padding: 0.875rem 1rem; margin-bottom: 1.5rem;">
                <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <p style="font-size: 0.8125rem; color: #dc2626; margin: 0 0 0.25rem;"><?php echo e($error); ?></p>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        <?php endif; ?>

        
        <?php if(session('status')): ?>
            <div style="background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 10px; padding: 0.875rem 1rem; margin-bottom: 1.5rem;">
                <p style="font-size: 0.8125rem; color: #16a34a; margin: 0;"><?php echo e(session('status')); ?></p>
            </div>
        <?php endif; ?>

        <form method="POST" action="<?php echo e(route('login')); ?>" style="display: flex; flex-direction: column; gap: 1.125rem;">
            <?php echo csrf_field(); ?>

            
            <div>
                <label for="email" style="display: block; font-size: 0.8125rem; font-weight: 600; color: #1e3a5f; margin-bottom: 0.5rem;">
                    E-mail
                </label>
                <input
                    id="email"
                    name="email"
                    type="email"
                    autocomplete="username"
                    required
                    autofocus
                    value="<?php echo e(old('email')); ?>"
                    class="input-field"
                    placeholder="seu@email.com.br"
                >
            </div>

            
            <div>
                <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem;">
                    <label for="password" style="font-size: 0.8125rem; font-weight: 600; color: #1e3a5f;">
                        Senha
                    </label>
                    <?php if(Route::has('password.request')): ?>
                        <a href="<?php echo e(route('password.request')); ?>"
                           style="font-size: 0.75rem; color: #25b87e; text-decoration: none; font-weight: 500;"
                           onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">
                            Esqueci a senha
                        </a>
                    <?php endif; ?>
                </div>
                <input
                    id="password"
                    name="password"
                    type="password"
                    autocomplete="current-password"
                    required
                    class="input-field"
                    placeholder="••••••••"
                >
            </div>

            
            <div style="display: flex; align-items: center; gap: 0.625rem;">
                <input type="checkbox" id="remember" name="remember"
                       style="width: 16px; height: 16px; accent-color: #25b87e; cursor: pointer;"
                       <?php echo e(old('remember') ? 'checked' : ''); ?>>
                <label for="remember" style="font-size: 0.8125rem; color: #64748b; cursor: pointer; user-select: none;">
                    Manter conectado
                </label>
            </div>

            
            <button type="submit" class="btn-login" style="margin-top: 0.25rem;">
                Entrar no painel
            </button>

        </form>

        
        <div style="margin-top: 2rem; text-align: center;">
            <div style="margin-bottom: 1.25rem;">
                <a href="<?php echo e(route('home')); ?>"
                   style="display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; color: #94a3b8; text-decoration: none; transition: color 0.2s;"
                   onmouseover="this.style.color='#25b87e'" onmouseout="this.style.color='#94a3b8'">
                    <svg width="13" height="13" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
                    </svg>
                    Voltar ao site
                </a>
            </div>
            <div class="divider" style="margin-bottom: 1.25rem;">Precisa de ajuda?</div>
            <a href="https://wa.me/556332197100" target="_blank" rel="noopener"
               style="display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; color: #64748b; text-decoration: none; transition: color 0.2s;"
               onmouseover="this.style.color='#25b87e'" onmouseout="this.style.color='#64748b'">
                <svg width="15" height="15" fill="currentColor" viewBox="0 0 24 24">
                    <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/>
                </svg>
                Falar com suporte via WhatsApp
            </a>
        </div>

    </div>
</div>

</body>
</html>
<?php /**PATH C:\ProjetosWeb\OPCON\resources\views\auth\login.blade.php ENDPATH**/ ?>