https://exquisite-tartufo-8bb775.netlify.app/contacto

1<!DOCTYPE html>
2<html lang="es">
3<head>
4<meta charset="UTF-8">
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=b8b18303-f1a6-4ab8-bd97-56f4a2ea7de4
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8<meta name="viewport" content="width=device-width, initial-scale=1.0">
9<title>Contacto · Zhafir</title>
10<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
11<style>
12:root{
13    --bg:#04070f; --accent:#38bdf8; --gold:#fbbf24;
14    --text:#e8edf5; --text-dim:#8fa3c4; --border:rgba(148,163,184,.15); --panel:#0a1122;
15}
16*{box-sizing:border-box;margin:0;padding:0}
17body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;display:flex;align-items:center;}
18.app{max-width:560px;margin:0 auto;padding:50px 24px;text-align:center;}
19.hdr-title{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:800;background:linear-gradient(120deg,#e8edf5 10%,#38bdf8 55%,#fbbf24 95%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;}
20.hdr-sub{color:var(--text-dim);font-size:14px;margin-bottom:40px;}
21.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:30px 24px;margin-bottom:16px;}
22.card b{color:var(--accent);display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;}
23.card a{color:var(--text);font-size:17px;text-decoration:none;font-weight:600;}
24.card a:hover{color:var(--accent);}
25.nota{font-size:13px;color:var(--text-dim);margin-top:30px;}
26</style>
27</head>
28<body>
29<div class="app">
30    <div class="hdr-title">CONTACTO</div>
31    <div class="hdr-sub">Zhafir · Astrología Financiera</div>
32
33    <div class="card">
34        <b>Correo electrónico</b>
35        <a href="mailto:[email protected]">[email protected]</a>
36    </div>
37
38    <div class="card">
39        <b>Autor</b>
40        <a href="mailto:[email protected]" style="cursor:default;">Wilson Roman</a>
41    </div>
42
43    <p class="nota">Para consultas sobre compras, soporte técnico, o activación del indicador de MetaTrader 5, escribinos por correo — respondemos a la brevedad.</p>
44</div>
45</body>
46</html>