@extends('emails.layout')

@section('content')
    <p style="margin:0 0 10px;color:#0f766e;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;">Password reset</p>
    <h1 style="margin:0 0 12px;color:#0f172a;font-size:28px;line-height:1.18;font-weight:700;">Reset your password securely.</h1>
    <p style="margin:0 0 22px;color:#475569;font-size:15px;line-height:1.7;">
        Use this one-time password to reset your account. The code is valid for {{ $expires }} minutes.
    </p>

    <div style="margin:0 0 22px;border-radius:22px;border:1px solid #ccfbf1;background:linear-gradient(135deg,#f0fdfa,#ecfeff);padding:22px;text-align:center;">
        <p style="margin:0 0 8px;color:#0f766e;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;">Your OTP</p>
        <p style="margin:0;color:#0f172a;font-size:38px;line-height:1;font-weight:800;letter-spacing:.22em;">{{ $otp }}</p>
    </div>

    <p style="margin:0;color:#64748b;font-size:13px;line-height:1.7;">
        If you did not request this password reset, you can ignore this email. Do not share this OTP with anyone.
    </p>
@endsection