@extends('emails.layout')
@section('title', 'Your Verification Code')

@section('content')
  <h2 style="margin:0 0 8px;color:#0f172a;font-size:22px;font-weight:700;">Your Verification Code</h2>
  <p style="margin:0 0 24px;color:#64748b;font-size:14px;">Use the code below to complete your verification.</p>

  <p style="margin:0 0 20px;color:#334155;font-size:15px;line-height:1.6;">
    Please use the following one-time code to verify your email address:
  </p>

  <div style="text-align:center;margin:28px 0;">
    <span style="display:inline-block;background-color:#f1f5f9;border:2px dashed #cbd5e1;border-radius:8px;padding:16px 40px;font-size:36px;font-weight:700;letter-spacing:10px;color:#0f172a;">
      {{ $otp }}
    </span>
  </div>

  <p style="margin:0 0 16px;text-align:center;color:#64748b;font-size:14px;">
    This code expires in <strong>10 minutes</strong>.
  </p>

  <hr style="border:none;border-top:1px solid #e2e8f0;margin:24px 0;" />

  <p style="margin:0;color:#94a3b8;font-size:13px;line-height:1.6;">
    If you did not request this code, please ignore this email. Your account remains secure.
  </p>
@endsection