* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { display: grid; place-items: center; background: #e9e1ca; color: #2f4928; font-family: "Nunito", system-ui, sans-serif; }
main { position: relative; width: min(100%, 834px); min-height: 100svh; overflow: hidden; background: #f7efd9; }
main > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .76; }
section { position: absolute; inset: auto 7% 8%; padding: 28px; border: 1px solid rgba(139,106,49,.36); border-radius: 26px; background: rgba(255,249,232,.94); box-shadow: 0 20px 50px rgba(38,50,25,.24); text-align: center; }
section p { margin: 0 0 8px; color: #94743a; font-size: 11px; font-weight: 900; letter-spacing: .18em; }
h1 { margin: 0; font-family: "Lora", Georgia, serif; font-size: clamp(28px,5vw,44px); }
section span { display: block; margin: 12px auto 22px; max-width: 500px; color: #5e5b4a; line-height: 1.55; }
a { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; margin: 5px; padding: 0 24px; border-radius: 999px; font-weight: 800; text-decoration: none; }
.enter { background: #4e7c31; color: #fffdf0; box-shadow: 0 6px 0 #315722; }
.uno { border: 1px solid rgba(66,104,48,.35); background: #fffaf0; color: #315722; }
@media (max-width: 540px) { section { inset: auto 14px 22px; padding: 22px 16px; } a { width: 100%; margin: 5px 0; } }