<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="robots" content="noindex,nofollow" /> <title>GameKeyCard — En construction</title> <meta name="description" content="GameKeyCard se refait une beauté. Revenez bientôt." /> <meta name="theme-color" content="#0a0a0a" /> <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 100 100%3E%3Ccircle cx=50 cy=50 r=46 fill=%23FF0000/%3E%3C/svg%3E" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet" /> <style> :root { --bg: #0a0a0a; --fg: #f5f5f5; --muted: #a3a3a3; --red: #ff0000; --card: #141414; --border: #262626; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { height: 100%; } body { font-family: Inter, system-ui, sans-serif; background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255,0,0,0.18), transparent 55%), var(--bg); color: var(--fg); min-height: 100%; display: grid; place-items: center; padding: 1.5rem; } .card { width: min(34rem, 100%); background: var(--card); border: 1px solid var(--border); border-radius: 1.25rem; padding: 2.25rem 1.75rem; text-align: center; box-shadow: 0 24px 60px rgba(0,0,0,0.45); } .logo { width: 4.5rem; height: 4.5rem; margin: 0 auto 1.25rem; border-radius: 50%; background: var(--red); display: grid; place-items: center; box-shadow: 0 0 0 6px rgba(255,0,0,0.12), 0 12px 30px rgba(255,0,0,0.25); } .logo svg { width: 2.4rem; height: 2.4rem; } .badge { display: inline-block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--red); background: rgba(255,0,0,0.1); border: 1px solid rgba(255,0,0,0.25); border-radius: 999px; padding: 0.35rem 0.8rem; margin-bottom: 1rem; } h1 { font-size: clamp(1.6rem, 4vw, 2rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; margin-bottom: 0.75rem; } p { color: var(--muted); font-size: 1.02rem; line-height: 1.55; margin-bottom: 0.65rem; } .bar { height: 3px; width: 4rem; background: linear-gradient(90deg, transparent, var(--red), transparent); margin: 1.4rem auto 0; border-radius: 99px; } footer { margin-top: 1.5rem; font-size: 0.85rem; color: #737373; font-weight: 600; } </style> </head> <body> <main class="card"> <div class="logo" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none"> <g transform="rotate(30 50 50)"> <circle cx="50" cy="35" r="12" stroke="#fff" stroke-width="6"/> <rect x="47" y="45" width="6" height="32" rx="3" fill="#fff"/> <rect x="53" y="62" width="10" height="5" rx="2" fill="#fff"/> <rect x="53" y="70" width="7" height="5" rx="2" fill="#fff"/> </g> </svg> </div> <div class="badge">En construction</div> <h1>GameKeyCard se refait une beauté</h1> <p>Le site est temporairement hors ligne le temps d’une refonte complète.</p> <p>News, tests et sorties Switch reviennent bientôt — plus clairs, plus rapides.</p> <div class="bar" aria-hidden="true"></div> <footer>gamekeycard.fr</footer> </main> </body> </html>