<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{.Title}}</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh;display:flex;justify-content:center;align-items:center}
.container{max-width:640px;width:90%;padding:2.5rem;background:#16213e;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4)}
h1{font-size:1.75rem;margin-bottom:1.5rem;color:#e94560;text-align:center}
.content{line-height:1.7}
.content a{color:#0f3460;background:#e94560;padding:2px 8px;border-radius:4px;text-decoration:none;font-weight:500}
.content a:hover{background:#c73651}
.content p{margin-bottom:1rem}
</style>
</head>
<body>
<div class="container">
<h1>{{.Title}}</h1>
<div class="content">{{.Content}}</div>
</div>
</body>
</html>
