magic-link.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 0; padding: 0; background-color: #111; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color: #111; padding: 48px 20px;">
<tr>
<td align="center">
<table role="presentation" width="460" cellpadding="0" cellspacing="0" style="max-width: 460px; width: 100%;">
<!-- Logo -->
<tr>
<td style="padding-bottom: 32px; text-align: center;">
<span style="color: #fff; font-size: 16px; font-weight: 600; letter-spacing: -0.01em;">ReadySite Hosting</span>
</td>
</tr>
<!-- Card -->
<tr>
<td style="background-color: #1a1a1a; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 40px 32px; text-align: center;">
<h1 style="color: #fff; font-size: 22px; font-weight: 600; margin: 0 0 8px 0;">Sign in to your account</h1>
<p style="color: #888; font-size: 14px; line-height: 1.6; margin: 0 0 32px 0;">
Click the button below to sign in. This link expires in 10 minutes.
</p>
<table role="presentation" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
<tr>
<td style="background-color: #fff; border-radius: 8px;">
<a href="{{.link}}" style="display: inline-block; padding: 14px 40px; color: #000; text-decoration: none; font-weight: 600; font-size: 14px;">
Sign in
</a>
</td>
</tr>
</table>
<p style="color: #555; font-size: 12px; line-height: 1.5; margin: 28px 0 0 0;">
Or copy this link into your browser:
</p>
<p style="color: #888; font-size: 12px; word-break: break-all; margin: 4px 0 0 0;">
{{.link}}
</p>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="padding-top: 24px; text-align: center;">
<p style="color: #555; font-size: 12px; line-height: 1.5; margin: 0;">
If you didn't request this email, you can safely ignore it.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>