<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Federico Aikawa — aikawa.com.ar</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap" rel="stylesheet">
<style>
  :root {
    --red: #c8001a;
    --dark: #0a0a0c;
    --cream: #f5f0e8;
    --grey: #8a8a8a;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    background: var(--dark);
    color: var(--cream);
    font-family: 'DM Sans', sans-serif;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
  }

  /* Noise texture overlay */
  body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
  }

  /* Subtle red glow */
  body::after {
    content: '';
    position: fixed;
    top: -40%;
    left: -20%;
    width: 80vw;
    height: 80vw;
    background: radial-gradient(circle, rgba(200,0,26,0.07) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
  }

  .container {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 2rem;
    max-width: 520px;
    width: 100%;
  }

  /* Kanji watermark */
  .watermark {
    position: fixed;
    bottom: -0.15em;
    right: -0.05em;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: clamp(14rem, 30vw, 28rem);
    font-weight: 900;
    color: rgba(200,0,26,0.04);
    line-height: 1;
    pointer-events: none;
    user-select: none;
    z-index: 0;
  }

  .name {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: clamp(2.4rem, 7vw, 3.6rem);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 0.15em;
    animation: fadeUp 0.8s ease both;
  }

  .name span {
    color: var(--red);
  }

  .tagline {
    font-size: 0.95rem;
    color: var(--grey);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 2.5rem;
    animation: fadeUp 0.8s 0.15s ease both;
  }

  .divider {
    width: 40px;
    height: 2px;
    background: var(--red);
    margin: 0 auto 2.5rem;
    animation: growWidth 0.6s 0.3s ease both;
  }

  .links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    animation: fadeUp 0.8s 0.4s ease both;
  }

  .links a {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1.4rem;
    border: 1px solid rgba(245,240,232,0.08);
    border-radius: 6px;
    color: var(--cream);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.25s ease;
    background: rgba(245,240,232,0.02);
  }

  .links a:hover {
    border-color: var(--red);
    background: rgba(200,0,26,0.06);
    transform: translateX(6px);
  }

  .links a svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    opacity: 0.7;
    transition: opacity 0.25s;
  }

  .links a:hover svg {
    opacity: 1;
  }

  .links a .arrow {
    margin-left: auto;
    opacity: 0;
    transform: translateX(-6px);
    transition: all 0.25s ease;
    color: var(--red);
    font-size: 0.85rem;
  }

  .links a:hover .arrow {
    opacity: 1;
    transform: translateX(0);
  }

  .footer {
    margin-top: 3rem;
    font-size: 0.75rem;
    color: rgba(138,138,138,0.5);
    letter-spacing: 0.08em;
    animation: fadeUp 0.8s 0.6s ease both;
  }

  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes growWidth {
    from { width: 0; }
    to { width: 40px; }
  }
</style>
</head>
<body>

<div class="watermark">相</div>

<div class="container">
  <h1 class="name">fede<span>aikawa</span></h1>
  <p class="tagline">Periodista · Estratega digital</p>
  <div class="divider"></div>

  <ul class="links">
    <li>
      <a href="https://www.youtube.com/@fedeaikawa" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M23.5 6.19a3.02 3.02 0 0 0-2.12-2.14C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.38.55A3.02 3.02 0 0 0 .5 6.19 31.6 31.6 0 0 0 0 12a31.6 31.6 0 0 0 .5 5.81 3.02 3.02 0 0 0 2.12 2.14c1.88.55 9.38.55 9.38.55s7.5 0 9.38-.55a3.02 3.02 0 0 0 2.12-2.14A31.6 31.6 0 0 0 24 12a31.6 31.6 0 0 0-.5-5.81zM9.75 15.02V8.98L15.5 12l-5.75 3.02z"/></svg>
        YouTube
        <span class="arrow">→</span>
      </a>
    </li>
    <li>
      <a href="https://x.com/fedeaikawa" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
        X (Twitter)
        <span class="arrow">→</span>
      </a>
    </li>
    <li>
      <a href="https://www.instagram.com/fedeaikawa" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.17.054 1.97.24 2.43.403a4.08 4.08 0 0 1 1.52.988 4.08 4.08 0 0 1 .988 1.52c.163.46.35 1.26.403 2.43.058 1.266.07 1.646.07 4.85s-.012 3.584-.07 4.85c-.054 1.17-.24 1.97-.403 2.43a4.36 4.36 0 0 1-2.508 2.508c-.46.163-1.26.35-2.43.403-1.266.058-1.646.07-4.85.07s-3.584-.012-4.85-.07c-1.17-.054-1.97-.24-2.43-.403a4.08 4.08 0 0 1-1.52-.988 4.08 4.08 0 0 1-.988-1.52c-.163-.46-.35-1.26-.403-2.43C2.175 15.584 2.163 15.204 2.163 12s.012-3.584.07-4.85c.054-1.17.24-1.97.403-2.43a4.08 4.08 0 0 1 .988-1.52 4.08 4.08 0 0 1 1.52-.988c.46-.163 1.26-.35 2.43-.403C8.416 2.175 8.796 2.163 12 2.163M12 0C8.741 0 8.333.014 7.053.072 5.775.13 4.902.333 4.14.63a5.88 5.88 0 0 0-2.126 1.384A5.88 5.88 0 0 0 .63 4.14C.333 4.902.13 5.775.072 7.053.014 8.333 0 8.741 0 12s.014 3.667.072 4.947c.058 1.278.261 2.151.558 2.913a5.88 5.88 0 0 0 1.384 2.126A5.88 5.88 0 0 0 4.14 23.37c.762.297 1.635.5 2.913.558C8.333 23.986 8.741 24 12 24s3.667-.014 4.947-.072c1.278-.058 2.151-.261 2.913-.558a6.14 6.14 0 0 0 3.51-3.51c.297-.762.5-1.635.558-2.913.058-1.28.072-1.688.072-4.947s-.014-3.667-.072-4.947c-.058-1.278-.261-2.151-.558-2.913a5.88 5.88 0 0 0-1.384-2.126A5.88 5.88 0 0 0 19.86.63C19.098.333 18.225.13 16.947.072 15.667.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88z"/></svg>
        Instagram
        <span class="arrow">→</span>
      </a>
    </li>
    <li>
      <a href="https://www.linkedin.com/in/fedeaikawa" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 1 1 0-4.125 2.062 2.062 0 0 1 0 4.125zM6.889 20.452H3.782V9h3.107v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
        LinkedIn
        <span class="arrow">→</span>
      </a>
    </li>
    <li>
      <a href="https://japonenespanol.es" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
        japonenespanol.es
        <span class="arrow">→</span>
      </a>
    </li>
    <li>
      <a href="https://aikawa.es" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/><path d="M2 17l10 5 10-5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M2 12l10 5 10-5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M2 7l10 5 10-5" fill="none" stroke="currentColor" stroke-width="1.5"/></svg>
        aikawa.es
        <span class="arrow">→</span>
      </a>
    </li>
  </ul>

  <p class="footer">aikawa.com.ar · Oviedo, Asturias</p>
</div>

</body>
</html>
