Coordonnées — perforun.com :root { --black: #0a0a0a; --white: #f5f5f0; --red: #e82b2b; --gray: #1a1a1a; --gray-light: #6b6b6b; --border: rgba(255,255,255,0.08); } ``` *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { background: var(--black); color: var(--white); font-family: 'DM Sans', sans-serif; font-weight: 300; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; } .card { width: 100%; max-width: 480px; border: 1px solid var(--border); background: var(--gray); padding: 48px 40px; position: relative; overflow: hidden; animation: fadeUp 0.5s ease both; } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .card::before { content: 'P'; position: absolute; top: -30px; right: -10px; font-family: 'Bebas Neue', sans-serif; font-size: 180px; color: rgba(232,43,43,0.05); pointer-events: none; line-height: 1; } .tag { display: inline-block; background: var(--red); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; padding: 5px 12px; margin-bottom: 20px; } h1 { font-family: 'Bebas Neue', sans-serif; font-size: 52px; line-height: 0.95; letter-spacing: 1px; margin-bottom: 36px; } h1 span { color: var(--red); display: block; } .info-list { display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--border); } .info-item { display: flex; align-items: flex-start; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--border); } .info-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; } .info-label { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray-light); margin-bottom: 4px; } .info-value { font-size: 15px; color: var(--white); font-weight: 400; } .info-value a { color: var(--red); text-decoration: none; } .info-value a:hover { text-decoration: underline; } .footer-note { margin-top: 28px; font-size: 12px; color: var(--gray-light); text-align: center; } ```