:root{--vert:#23402f;--vert-fonce:#1b3325;--vert-clair:#2e5440;--or:#e9a11b;--creme:#fbf5e7;--creme-doux:#fbf5e7c7}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%;margin:0}body{background:var(--vert);background-image:radial-gradient(120% 70% at 50% 0%, var(--vert-clair) 0%, var(--vert) 55%, var(--vert-fonce) 100%);color:var(--creme);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Karla,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{text-align:center;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,2.6vh,24px);display:flex}.logo{aspect-ratio:1;border:3px solid var(--or);object-fit:cover;border-radius:50%;width:min(62vw,34vh,280px);min-width:132px;height:auto;display:block;box-shadow:0 0 0 8px #e9a11b1f,0 18px 50px #00000059}h1{letter-spacing:.01em;text-wrap:balance;margin:0;font-family:Alfa Slab One,Georgia,serif;font-size:clamp(30px,8.4vw,56px);font-weight:400;line-height:1.05}.slogan{color:var(--or);margin:-6px 0 0;font-family:Caveat,cursive;font-size:clamp(24px,6vw,34px);font-weight:600;line-height:1.1}.bientot{border:1.5px solid var(--or);letter-spacing:.14em;text-transform:uppercase;color:var(--or);border-radius:999px;margin:4px 0 0;padding:7px 16px;font-size:13px;font-weight:700;display:inline-block}.texte{max-width:34em;color:var(--creme-doux);text-wrap:pretty;margin:0;font-size:clamp(16px,4.2vw,18px)}.actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:460px;margin-top:4px;display:flex}.bouton{white-space:nowrap;border-radius:12px;flex:190px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 20px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,background-color .15s,color .15s;display:inline-flex}.bouton svg{flex:none;width:20px;height:20px}.bouton.plein{background:var(--or);color:var(--vert)}.bouton.plein:hover{background:#f2b23d}.bouton.contour{color:var(--creme);border:1.5px solid #fbf5e78c}.bouton.contour:hover{border-color:var(--creme);background:#fbf5e70f}.bouton:active{transform:scale(.98)}.bouton:focus-visible{outline:3px solid var(--creme);outline-offset:3px}footer{color:#fbf5e799;margin-top:clamp(4px,2vh,18px);font-size:13px}footer a{color:inherit;text-underline-offset:3px}@media (prefers-reduced-motion:no-preference){main>*{animation:.7s cubic-bezier(.2,.7,.2,1) both monte}main>:nth-child(2){animation-delay:60ms}main>:nth-child(3){animation-delay:.12s}main>:nth-child(4){animation-delay:.18s}main>:nth-child(5){animation-delay:.24s}main>:nth-child(6){animation-delay:.3s}main>:nth-child(7){animation-delay:.36s}@keyframes monte{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}@media (orientation:portrait) and (height<=700px){main{gap:10px}.logo{width:min(56vw,27vh);min-width:112px;box-shadow:0 0 0 6px #e9a11b1f,0 12px 30px #00000059}.slogan{margin-top:-4px}.texte{font-size:15px;line-height:1.45}.bouton{min-height:48px;padding:10px 16px}footer{margin-top:0}}@media (orientation:portrait) and (height<=620px){main{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));gap:8px}.logo{width:24vh;min-width:104px}h1{font-size:28px}.slogan{font-size:23px}.bientot{padding:5px 12px;font-size:12px}.texte{font-size:14.5px}}@media (orientation:landscape) and (height<=520px){main{text-align:left;padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,30em);grid-template-areas:"logo titre""logo slogan""logo bientot""logo texte""logo actions""logo pied";place-content:center;gap:6px 32px;display:grid}.texte{font-size:15px;line-height:1.4}.bouton{min-height:44px;padding:8px 16px}.bientot{padding:5px 14px}.logo{grid-area:logo;align-self:center;width:min(52vh,200px);min-width:120px}h1{grid-area:titre;font-size:clamp(24px,4.4vw,36px)}.slogan{grid-area:slogan;margin:0}.bientot{grid-area:bientot;justify-self:start}.texte{grid-area:texte}.actions{grid-area:actions;justify-content:flex-start;max-width:none}footer{grid-area:pied;margin:0}}