<?php $appName = (string) $settings->get('app.name', 'Neon Ledger'); ?>
<!doctype html>
<html lang="en" data-theme="dark">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="color-scheme" content="dark">
    <title><?= h($title ?? 'Welcome') ?> · <?= h($appName) ?></title>
    <link rel="stylesheet" href="/assets/app.css?v=<?= (int) filemtime(APP_ROOT . '/public/assets/app.css') ?>">
</head>
<body class="auth-body">
<main class="auth-shell">
    <section class="auth-story">
        <div class="brand auth-brand"><span class="brand-mark">NL</span><strong><?= h($appName) ?></strong></div>
        <div>
            <p class="eyebrow">Plan forward. Compare backward.</p>
            <h1>Your money, with a memory.</h1>
            <p>Build monthly budgets, carry unused funds forward, track bill progress, and move money out of sight without losing the paper trail.</p>
        </div>
        <div class="auth-orbit" aria-hidden="true">
            <span class="orbit-one"></span><span class="orbit-two"></span><span class="orbit-three"></span>
            <strong>$</strong>
        </div>
    </section>
    <section class="auth-panel">
        <?php foreach ($flashes as $flash): ?>
            <div class="flash <?= h($flash['type']) ?>"><span>!</span><?= h($flash['message']) ?></div>
        <?php endforeach; ?>
        <?= $content ?>
    </section>
</main>
</body>
</html>
