.n-bg { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 1rem; font-family: 'Figtree Variable', sans-serif; background: oklch(1 0 0); color: oklch(.145 0 0); } .n-card { max-width: 28rem; width: 100%; text-align: center; padding: 2rem; border-radius: 14px; box-shadow: 0 10px 15px -3px rgb(0 0 0/.1); background: oklch(1 0 0); border: 1px solid oklch(.922 0 0); } .n-icn { display: inline-flex; padding: 1rem; border-radius: 50%; margin-bottom: 1rem; background: oklch(.97 0 0); } .n-h { margin: 0 0 .5rem; font-size: 1.25rem; font-weight: 600; } .n-p { margin: 0 0 1.5rem; line-height: 1.5; font-size: .875rem; color: oklch(.556 0 0); } .n-btn { display: block; padding: .75rem; border-radius: 10px; text-decoration: none; font-size: .875rem; font-weight: 500; background: oklch(.205 0 0); color: oklch(.985 0 0); } @media (prefers-color-scheme: dark) { .n-bg { background: oklch(.145 0 0); color: oklch(.985 0 0); } .n-card { background: oklch(.205 0 0); border-color: oklch(1 0 0/.1); } .n-icn { background: oklch(.269 0 0); } .n-p { color: oklch(.708 0 0); } .n-btn { background: oklch(.922 0 0); color: oklch(.205 0 0); } }

JavaScript Requis

Cette application nécessite l'activation de JavaScript pour fonctionner correctement. Veuillez l'activer dans les paramètres de votre navigateur.

Comment activer JavaScript