@extends('theme-News::layouts.base')
@section('title', '404 Not Found')

@section('content')
<div style="max-width:600px; margin:0 auto; padding:80px 24px; text-align:center;">
    <div class="news-headline" style="font-size:8rem; font-weight:900; color:#e5e7eb; line-height:1;">404</div>
    <div style="width:60px; height:4px; background:var(--news-red); margin:0 auto 24px;"></div>
    <h1 class="news-headline" style="font-size:1.5rem; font-weight:900; color:#111; margin-bottom:12px;">Page Not Found</h1>
    <p style="color:#6b7280; margin-bottom:28px;">The article or page you're looking for doesn't exist or has been removed.</p>
    <a href="/" style="display:inline-flex; align-items:center; gap:8px; background:var(--news-red); color:#fff; padding:10px 24px; border-radius:3px; text-decoration:none; font-weight:700; font-size:14px;">
        ← Back to Home
    </a>
</div>
@endsection
