* { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      min-height: 100vh;
      display: grid;
      place-items: center;
      font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
      background: url('a.avif') center/cover no-repeat fixed;
    }
    .top {
      display: flex;
      align-items: center;
      gap: 0.9rem;
      margin-bottom: 1.2rem;
    }
    .pfp {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      object-fit: cover;
      flex-shrink: 0;
    }
    h1 {
      font-size: 1.15rem;
      font-weight: 600;
      color: rgba(255,255,255,0.95);
      letter-spacing: -0.02em;
    }
    hr {
      border: none;
      border-top: 1px solid rgba(255,255,255,0.1);
      margin-bottom: 1rem;
    }
    p {
      font-size: 0.82rem;
      line-height: 1.75;
      color: rgba(255,255,255,0.55);
      margin-bottom: 1.4rem;
    }
    nav {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
    }
    nav a {
      font-size: 0.75rem;
      font-weight: 500;
      color: rgba(255,255,255,0.6);
      text-decoration: none;
      transition: color 0.15s;
    }
    nav a:hover { color: rgba(255,255,255,0.95); }
    svg.filter-def { position: absolute; width: 0; height: 0; }