<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>@yield('title','Animexe')</title>
<style>
  body{margin:0;padding:0;background:#06060d;font-family:'Segoe UI',Arial,sans-serif;color:#f0f4ff}
  .wrap{max-width:520px;margin:40px auto;background:linear-gradient(160deg,#0e0e1c,#080812);border:1px solid rgba(0,245,255,.18);border-radius:16px;overflow:hidden}
  .hdr{padding:28px 32px 20px;border-bottom:1px solid rgba(255,255,255,.06);text-align:center}
  .logo{font-size:1.3rem;font-weight:900;letter-spacing:.22em;background:linear-gradient(105deg,#fff,#00f5ff,#ff2d7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
  .body{padding:32px}
  .title{font-size:1.1rem;font-weight:800;margin-bottom:16px;color:#fff}
  .text{font-size:.9rem;line-height:1.7;color:#9ca8d4;margin-bottom:16px}
  .btn{display:inline-block;padding:13px 32px;background:linear-gradient(135deg,#ff2d7d,#b84dff);border-radius:10px;color:#fff!important;font-weight:800;font-size:.92rem;text-decoration:none;margin:8px 0 20px}
  .divider{height:1px;background:rgba(255,255,255,.07);margin:20px 0}
  .small{font-size:.78rem;color:#5c6789;line-height:1.6}
  .ftr{padding:20px 32px;border-top:1px solid rgba(255,255,255,.06);text-align:center;font-size:.75rem;color:#5c6789}
</style>
</head>
<body>
<div class="wrap">
  <div class="hdr">
    <div class="logo">ANIMEXE</div>
  </div>
  <div class="body">
    @yield('content')
  </div>
  <div class="ftr">
    Bu e-postayı siz talep etmediyseniz dikkate almayınız.<br>
    &copy; {{ date('Y') }} Animexe — Tüm hakları saklıdır.
  </div>
</div>
</body>
</html>
