@extends('layouts.auth')

@section('title', 'Page expired')
@section('width', 'max-w-lg')

@section('content')
<div class="text-center">
    <p class="eyebrow">Error 419</p>
    <h1 class="display mt-4 text-[clamp(2rem,5vw,3rem)]">Page expired</h1>
    <p class="mt-5 text-base leading-relaxed" style="color: var(--ink-soft);">
        You were idle for a while and the page went stale. Load it again and your details will still be there.
    </p>
    <div class="mt-9 flex flex-wrap justify-center gap-3">
        <a href="{{ url('/') }}" class="btn btn-primary">Back to the start</a>
        <a href="{{ route('contact') }}" class="btn btn-outline">Tell us about it</a>
    </div>
</div>
@endsection