<!DOCTYPE html>
<html><head><meta charset="UTF-8"><style>
body{margin:0;padding:0;background:#f4f4f7;font-family:'Outfit',-apple-system,sans-serif}
.wrap{max-width:600px;margin:0 auto;padding:24px}
.card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.logo{margin-bottom:24px}.logo img{height:32px;width:auto}
.btn{display:inline-block;padding:12px 24px;background:#0D9488;color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px}
.meta{color:#7A84A0;font-size:13px;margin:4px 0}
.divider{height:1px;background:#ECEEF5;margin:20px 0}
.footer{text-align:center;font-size:11px;color:#A8B0C8;padding:16px}
</style></head>
<body><div class="wrap"><div class="card">
    <div class="logo"><img src="/assets/img/logo-light.svg" alt="{{ app_name ?? 'OwnPay' }}"></div>
    <h2 style="margin:0 0 8px;font-size:18px">Reset Your Password</h2>
    <p class="meta">Click the button below to reset your password. This link expires in 1 hour.</p>
    <div class="divider"></div>
    <p style="text-align:center;margin:24px 0"><a href="{{ reset_url }}" class="btn">Reset Password</a></p>
    <p class="meta">If you didn't request this, ignore this email.</p>
    <div class="divider"></div>
    <p class="meta" style="font-size:11px;color:#A8B0C8">Link: {{ reset_url }}</p>
</div><div class="footer">{{ app_name ?? 'OwnPay' }} · Secure Payment Platform</div></div>
</body></html>
