`data/artifacts/028885e12558/hermes3-8b.html`

81 lines
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>What's Your Wallcovering Style?</title>
  <style>
    :root {
      --luxe-noir-bg: #0d0d0f;
      --luxe-noir-surface: #17171c;
      --luxe-noir-text: #f5f2ea;
      --luxe-noir-muted: #8a8578;
      --luxe-noir-accent: #c9a961;
      --luxe-noir-accent2: #7d6a45;
    }

    body {
      background-color: var(--luxe-noir-bg);
      color: var(--luxe-noir-text);
      font-family: -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
      line-height: 1.5;
    }

    h1 {
      font-size: 50px;
      letter-spacing: -0.02em;
    }

    p {
      margin: 16px 0;
    }

    .button {
      background-color: var(--luxe-noir-accent);
      border-radius: 9999px;
      color: #fff;
      font-size: 18px;
      padding: 12px 24px;
      transition: transform 0.3s cubic-bezier(.6,-.28,.74,.05);
    }

    .button:hover {
      transform: scale(1.02);
    }

    .card {
      background-color: var(--luxe-noir-surface);
      border-radius: 14px;
      color: var(--luxe-noir-text);
      margin-bottom: 32px;
    }

    .card h3 {
      font-size: 28px;
      letter-spacing: -0.02em;
      margin: 24px 0;
    }

    .card p {
      line-height: 1.7;
      opacity: 0;
      animation: popIn 1s forwards;
    }

    .card.is-active p {
      opacity: 1;
    }

    @keyframes popIn {
      0% {opacity: 0}
      100% {opacity: 1}
    }

    .pattern {
      background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"%3E%3Cpath d="M30,2 C14.9,2 2,14.9 2,30 c0,15.1 5.1,27.7 12.2,29.9 c7.2,.9 17-4.7 22.8-16.1 C52.3,18.9 60,6.7 60,2" fill="var(--luxe-noir-text)" stroke="none"/%3E%3Cpath d="M29.8,59.5 c-.5,.5-11.9,4.4-13.1,0 c0-.6 4.6-10.4 14.2-10.7 C49.3,44.4 52.6,58 60,58" fill="none" stroke="var(--luxe-noir-text)"/%3E%3C/svg%3E');
      background-size: 100% 100%;
    }

    @font-face {
      font-family: 'Luxe Display';
      src: url('data:font/woff2;base64,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