body { margin: 0; font-family: system-ui, sans-serif; background: #07332c; color: #f3f1e7; line-height: 1.55; }
main { max-width: 640px; margin: 0 auto; padding: 32px 20px 60px; }
h1 { font-family: Georgia, serif; color: #e9c46a; }
h2 { color: #e9c46a; font-size: 1.1rem; margin-top: 1.8em; }
a { color: #e9c46a; }
form { display: grid; gap: 14px; margin: 24px 0; }
label { display: grid; gap: 4px; font-size: .9rem; }
input { font: inherit; padding: 10px 12px; border-radius: 10px; border: 1px solid #ffffff40; background: #00000040; color: inherit; }
button { font: inherit; font-weight: 700; padding: 12px; border-radius: 12px; border: 0; background: #c4262e; color: #fff; cursor: pointer; }
.small { font-size: .85rem; opacity: .7; }

/* Page d'accueil du site */
.home { text-align: center; }
.home .logo { border-radius: 24px; box-shadow: 0 10px 30px #0008; margin-top: 12px; }
.home h1 { font-size: 2.6rem; margin: 18px 0 0; }
.tagline { letter-spacing: .28em; text-transform: uppercase; font-size: .8rem; opacity: .7; margin: 4px 0 22px; }
.features { text-align: left; list-style: none; padding: 0; margin: 26px 0; display: grid; gap: 10px; }
.features li { background: #00000040; border: 1px solid #ffffff1f; border-radius: 14px; padding: 12px 14px; }
.features b { color: #e9c46a; }
.soon { font-weight: 700; color: #e9c46a; }
.links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin: 22px 0 14px; }