@inject NavigationManager Navigation

<div class="artistic-redirect-container">
    <div class="container h-100">
        <div class="row align-items-center justify-content-center min-vh-70 py-5">
            <div class="col-12 col-md-5 d-flex flex-column align-items-center text-center">

                <div class="artistic-svg-wrapper mb-4">
                    <svg viewBox="0 0 400 400" width="280" height="280" stroke="#1A1A1A" stroke-width="2" fill="none">
                        <path d="M60 300 L340 300" stroke-dasharray="4 4" />

                        <path d="M120 300 L120 160 Q120 100 200 100 Q280 100 280 160 L280 300" />

                        <path d="M170 170 L230 170 L220 230 L200 250 L180 230 Z" fill="#F8F8F8" />
                        <circle cx="200" cy="195" r="8" fill="#1A1A1A" />
                        <line x1="200" y1="203" x2="200" y2="218" stroke-width="3" />

                        <circle class="animated-pulse-ring" cx="200" cy="180" r="60" stroke="#DDD" stroke-width="1" />
                        <circle class="animated-pulse-ring-delayed" cx="200" cy="180" r="45" stroke="#EEE" stroke-width="1" />
                    </svg>
                </div>

                <div class="editorial-spinner mb-4"></div>

                <div class="meta-tag font-monospace text-uppercase text-muted mb-2">Secure Connection // Identity Node</div>
                <h2 class="fw-bold text-dark mb-3 editorial-subheadline">Verifying Session</h2>
                <p class="text-muted body-manifesto-text-center">
                    Redirecting you safely to the identity gateway to authorize your access permissions...
                </p>
            </div>
        </div>
    </div>
</div>
