<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php echo e($title ?? 'My MeXCo'); ?> · MeXCo</title>
    <?php echo $__env->make('partials.mexco-favicon', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&display=swap" rel="stylesheet">
    <?php echo $__env->make('partials.mexco-public-theme', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <style>
        * { box-sizing: border-box; }
        html { height: 100%; }
        body {
            margin: 0;
            min-height: 100%;
            min-height: 100vh;
            font-family: "DM Sans", Inter, system-ui, sans-serif;
            color: var(--ink);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: clamp(1.25rem, 4vh, 2.5rem) 1rem;
            background:
                radial-gradient(ellipse 55% 45% at 12% 18%, rgba(124, 58, 237, .16), transparent 60%),
                radial-gradient(ellipse 50% 40% at 88% 82%, rgba(6, 182, 212, .12), transparent 55%),
                linear-gradient(165deg, #F8FAFC 0%, #F1F5F9 45%, #EEF2FF 100%);
        }
        .auth-shell {
            width: min(440px, 100%);
            margin: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .auth-shell.auth-wide { width: min(520px, 100%); }
        .auth-logo {
            display: block;
            width: min(200px, 58%);
            height: auto;
            margin: 0 auto 1.25rem;
            background: transparent;
        }
        .auth-card {
            width: 100%;
            background: rgba(255, 255, 255, .94);
            backdrop-filter: blur(10px);
            border-radius: 1.35rem;
            border: 1px solid rgba(226, 232, 240, .95);
            box-shadow:
                0 1px 2px rgba(15, 23, 42, .04),
                0 18px 40px rgba(15, 23, 42, .08);
            padding: clamp(1.5rem, 3vw, 2rem) clamp(1.35rem, 3vw, 2rem) 1.75rem;
        }
        .auth-card h1 {
            margin: 0 0 .4rem;
            font-size: clamp(1.35rem, 3vw, 1.55rem);
            font-weight: 800;
            letter-spacing: -.02em;
            text-align: center;
            color: var(--ink);
        }
        .lead {
            text-align: center;
            color: var(--muted);
            font-size: .92rem;
            line-height: 1.45;
            margin: 0 0 1.35rem;
        }
        .field { margin-bottom: .95rem; }
        .field .form-label {
            display: block;
            margin-bottom: .35rem;
            font-size: .8rem;
            font-weight: 700;
            color: #334155;
        }
        .field .form-input,
        .field .form-select,
        .field textarea.form-input {
            width: 100%;
            border-radius: 10px;
            border: 1px solid #E2E8F0;
            background: #fff;
            padding: .7rem .85rem;
            font: inherit;
            font-size: .92rem;
            transition: border-color .15s ease, box-shadow .15s ease;
        }
        .field textarea.form-input { resize: vertical; min-height: 5rem; }
        .field .form-input:focus,
        .field .form-select:focus,
        .field textarea.form-input:focus {
            outline: none;
            border-color: #C4B5FD;
            box-shadow: 0 0 0 3px rgba(124, 58, 237, .15);
        }
        .row-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: .75rem;
        }
        .plan-note {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            flex-wrap: wrap;
            margin: 0 0 1.25rem;
            padding: .7rem 1rem;
            border-radius: 999px;
            background: var(--primary-soft);
            border: 1px solid #DDD6FE;
            font-size: .8rem;
            color: var(--mexco-primary-dark);
            font-weight: 600;
            text-align: center;
        }
        .plan-note strong { font-weight: 800; }
        .auth-submit {
            width: 100%;
            margin-top: .35rem;
            padding: .85rem 1rem;
            font-size: .95rem;
            font-weight: 700;
            border-radius: 12px;
        }
        .foot {
            text-align: center;
            margin: 1.15rem 0 0;
            font-size: .85rem;
            color: var(--muted);
            line-height: 1.55;
        }
        .foot a {
            color: var(--mexco-primary);
            font-weight: 700;
            text-decoration: none;
        }
        .foot a:hover { text-decoration: underline; }
        .auth-home {
            display: inline-block;
            margin-top: 1rem;
            font-size: .8rem;
            font-weight: 600;
            color: #64748B;
            text-decoration: none;
        }
        .auth-home:hover { color: var(--mexco-primary); }
        @media (max-width: 520px) {
            .row-2 { grid-template-columns: 1fr; }
            .plan-note { border-radius: 12px; }
        }
    </style>
    <?php echo $__env->yieldPushContent('styles'); ?>
</head>
<body>
<div class="auth-shell <?php echo $__env->yieldContent('shell_class'); ?>">
    <a href="<?php echo e(route('mexco.home')); ?>" aria-label="MeXCo home">
        <img
            src="<?php echo e(asset(config('mexco.logos.main'))); ?>"
            alt="MeXCo · Meet · Experience · Connect"
            class="auth-logo"
            width="1024"
            height="682"
        >
    </a>
    <div class="auth-card">
        <?php echo $__env->yieldContent('content'); ?>
    </div>
    <?php if (! empty(trim($__env->yieldContent('after_card')))): ?>
        <?php echo $__env->yieldContent('after_card'); ?>
    <?php endif; ?>
</div>
</body>
</html>
<?php /**PATH C:\laragon\www\myapp\resources\views/portal/auth/layout.blade.php ENDPATH**/ ?>