/* Luar private membership: quiet, deliberate, and free of generic app-modal styling. */
.auth-flow-backdrop { align-items: stretch; justify-content: flex-end; padding: 0; background: rgba(4,4,4,.86); backdrop-filter: blur(12px); }
.auth-flow { display: grid; grid-template-columns: minmax(290px, .92fr) minmax(390px, 1.08fr); align-items: stretch; width: min(100%, 1040px); min-height: 100vh; max-height: none; padding: 0; color: #f4eee3; background: #111; border: 0; box-shadow: -30px 0 90px rgba(0,0,0,.42); }
.auth-flow:before { content: 'L U A R\A\A PRIVATE MEMBERSHIP\A\A A discreet account for saving profiles, managing conversations and keeping personal details under your control.\A\A\A PRIVATE BY DEFAULT\A Your email and contact details are never displayed publicly.\A\A VERIFIED SPACE\A Provider access is reviewed before a profile can be published.'; white-space: pre-line; padding: clamp(44px, 6vw, 86px) clamp(30px, 5vw, 70px); color: #cfc5b6; background: radial-gradient(circle at 80% 15%, rgba(214,180,106,.23), transparent 24%), linear-gradient(145deg, #11100f, #1c1711); border-right: 1px solid rgba(214,180,106,.25); font: 14px/1.7 Georgia, serif; letter-spacing: .01em; }
.auth-flow > *:not(.auth-close) { grid-column: 2; margin-left: clamp(28px, 5vw, 72px); margin-right: clamp(28px, 5vw, 72px); }
.auth-flow .auth-kicker { align-self: end; margin-top: 72px; margin-bottom: 12px; color: #d6b46a; font: 10px 'DM Mono', monospace; letter-spacing: .22em; }
.auth-flow h2 { margin-top: 0; margin-bottom: 12px; color: #f4eee3; font: 400 clamp(40px, 4vw, 58px)/.95 Georgia, serif; letter-spacing: -.04em; }
.auth-flow [data-auth-copy] { max-width: 420px; margin-top: 0; color: #aaa195; font-size: 14px; line-height: 1.65; }
.auth-flow .auth-close { position: absolute; z-index: 2; top: 24px; right: 28px; width: 36px; height: 36px; color: #d6b46a; border: 1px solid rgba(214,180,106,.36); font: 24px/1 Georgia, serif; }
.auth-flow form { gap: 18px; margin-top: 34px; margin-bottom: 16px; }
.auth-flow label { gap: 9px; color: #cfc5b6; font: 10px 'DM Mono', monospace; letter-spacing: .13em; }
.auth-flow input { min-height: 52px; padding: 0 15px; color: #f4eee3; background: #090909; border: 1px solid #41392c; border-radius: 0; font-size: 15px; }
.auth-flow input:focus { outline: 0; border-color: #d6b46a; box-shadow: 0 0 0 3px rgba(214,180,106,.12); }
.auth-flow [data-auth-submit] { min-height: 52px; color: #17130e; background: linear-gradient(100deg, #cba861, #ead08e); border: 0; font: 11px 'DM Mono', monospace; letter-spacing: .14em; text-transform: uppercase; box-shadow: 0 12px 28px rgba(214,180,106,.14); }
.auth-flow [data-auth-submit]:hover { background: linear-gradient(100deg, #dfc17d, #f1db9e); transform: translateY(-1px); }
.auth-flow .auth-switch { justify-content: flex-start; gap: 22px; margin-top: 6px; }
.auth-flow .auth-switch button { color: #d6b46a; font: 11px 'DM Mono', monospace; letter-spacing: .04em; }
.auth-flow > small { margin-top: 12px; margin-bottom: 54px; color: #7f786e; font-size: 11px; line-height: 1.55; }
.membership-paths { grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 26px; margin-bottom: 4px; }
.membership-path { display: block; min-height: 116px; padding: 14px; background: #161514; border-color: #373129; border-top-width: 2px; }
.membership-path strong { display: block; margin-bottom: 9px; color: #f4eee3; font: 400 17px Georgia, serif; }
.membership-path span { color: #9c9489; font-size: 11px; line-height: 1.45; }
.membership-path.is-selected { background: linear-gradient(150deg, rgba(214,180,106,.17), #171512); border-color: #d6b46a; box-shadow: inset 0 0 0 1px rgba(214,180,106,.1); }
.auth-flow .discreet-title-control { margin: 4px 0 16px; }
@media (max-width: 760px) { .auth-flow-backdrop { align-items: end; padding: 0; } .auth-flow { display: block; min-height: 0; max-height: 94vh; overflow-y: auto; width: 100%; padding: 24px 20px calc(28px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(214,180,106,.55); border-radius: 18px 18px 0 0; } .auth-flow:before { content: 'LUAR / PRIVATE ACCESS'; display: block; padding: 0 42px 19px 0; background: none; border: 0; color: #d6b46a; font: 10px 'DM Mono', monospace; letter-spacing: .2em; } .auth-flow > *:not(.auth-close) { margin-left: 0; margin-right: 0; } .auth-flow .auth-kicker { display: none; } .auth-flow h2 { margin-bottom: 9px; font-size: clamp(36px, 11vw, 48px); } .auth-flow [data-auth-copy] { margin-bottom: 20px; font-size: 13px; } .auth-flow form { margin-top: 24px; } .auth-flow .auth-close { top: 18px; right: 20px; border: 0; } .membership-paths { grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 18px; } .membership-path { min-height: 62px; padding: 10px 7px; text-align: center; } .membership-path strong { margin-bottom: 0; font-size: 13px; } .membership-path span { display: none; } .auth-flow > small { margin-bottom: 0; } }