.guest-auth { box-sizing: border-box; width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 36px; overflow-y: auto; border: 1px solid #dce2dc; border-radius: 20px; background: #fff; color: #111611; text-align: center; font-family: Inter, sans-serif; box-shadow: 0 24px 90px #0003; }
.guest-auth::backdrop { background: #080e0bb3; backdrop-filter: blur(5px); }
.guest-auth__close { position: absolute; top: 12px; right: 14px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f2f5f2; color: #3d483e; font-size: 25px; cursor: pointer; }
.guest-auth__logo { margin: 0 auto 22px; border-radius: 12px; }
.guest-auth h2 { margin: 0 0 12px; font: 700 30px/1.1 'Barlow Semi Condensed', sans-serif; letter-spacing: -.5px; }
.guest-auth > p { margin: 0 0 24px; color: #586459; font-size: 14px; line-height: 1.65; }
.guest-auth__google { display: flex; min-height: 52px; align-items: center; justify-content: center; gap: 12px; border: 1px solid #cad2ca; border-radius: 10px; color: #152015; background: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.guest-auth__google:hover { background: #f5faf3; border-color: #79bb65; }
.guest-auth__email { display: block; margin: 16px 0; color: #344934; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.guest-auth small { display: block; color: #647064; font-size: 12px; }
.guest-auth p.guest-auth__signin { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid #edf0ec; font-size: 13px; }
.guest-auth__signin a { color: #162916; font-weight: 700; text-decoration: underline; }
.guest-auth :focus-visible { outline: 3px solid #66ce35; outline-offset: 4px; }
@media(max-width: 480px) { .guest-auth { padding: 32px 24px; } }