@extends('layouts.auth')

@section('title', 'Something broke')
@section('width', 'max-w-lg')

@section('content')
<div class="text-center">
    <p class="eyebrow">Error 500</p>
    <h1 class="display mt-4 text-[clamp(2rem,5vw,3rem)]">Something broke</h1>
    <p class="mt-5 text-base leading-relaxed" style="color: var(--ink-soft);">
        That one is on us. We've been told about it — try again shortly.
    </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