:root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #fff; background: #1e382f; }
* { box-sizing: border-box; }
body { min-height: 100svh; margin: 0; display: grid; place-items: center; padding: 28px 18px; background: radial-gradient(circle at 15% 10%, #648e6c 0, transparent 37%), radial-gradient(circle at 90% 90%, #b37949 0, transparent 35%), #1e382f; }
.card { width: min(100%, 480px); text-align: center; }
.avatar { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(255,255,255,.82); box-shadow: 0 12px 30px rgba(0,0,0,.25); background: #d6a15e; }
h1 { margin: 19px 0 5px; font-size: clamp(2rem, 7vw, 2.65rem); letter-spacing: -.05em; }
.intro { margin: 0 0 29px; color: rgba(255,255,255,.82); font-size: 1.04rem; }
nav { display: grid; gap: 13px; }
.link { min-height: 68px; padding: 12px 20px; display: grid; grid-template-columns: 34px 1fr 28px; align-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 18px; color: #fff; text-decoration: none; font-weight: 750; font-size: 1.08rem; background: rgba(255,255,255,.12); box-shadow: 0 6px 18px rgba(0,0,0,.12); transition: transform .18s ease, background .18s ease, box-shadow .18s ease; backdrop-filter: blur(5px); }
.link:hover { transform: translateY(-3px); background: rgba(255,255,255,.22); box-shadow: 0 10px 24px rgba(0,0,0,.2); }
.link:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.link svg { width: 28px; height: 28px; fill: currentColor; stroke: currentColor; stroke-width: 1.7; }
.instagram svg { fill: none; stroke: url(#instagram-gradient); }.instagram svg .dot { fill: url(#instagram-gradient); stroke: none; }
.youtube svg { color: #ff3636; stroke: none; }.youtube svg .play { fill: white; }
.leboncoin-logo { width: 28px; height: 28px; object-fit: contain; }
.facebook svg { color: #1877f2; stroke: none; }
.arrow { opacity: .7; font-size: 1.25rem; }
.video { margin-top: 22px; }
.video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: 18px; box-shadow: 0 6px 18px rgba(0,0,0,.18); background: rgba(0,0,0,.35); }
footer { margin-top: 34px; color: rgba(255,255,255,.56); font-size: .8rem; }
@media (prefers-reduced-motion: reduce) { .link { transition: none; } }