/* VELORA / bespoke editorial dating landing — guest page only. All member and admin UI stays intact. */
#auth.authPage{display:grid;grid-template-columns:minmax(0, .98fr) minmax(0, 1.02fr);grid-template-areas:"hero swipes" "chats chats" "signup signup" "moments moments" "footer footer";gap:0;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse 60% 26% at 75% 3%,#54213669,transparent 90%),linear-gradient(180deg,#1b1018 0%,#120b11 28%,#140b12 100%)}
#auth.authPage .authArt{grid-area:hero;position:relative;overflow:visible;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;text-align:left!important;background:none!important;border:0!important;padding:55px clamp(24px,4.1vw,74px) 64px max(24px,calc((100vw - 1180px)/2))!important;min-height:650px!important;isolation:isolate;}
#auth.authPage .authArt:before{display:block!important;position:absolute;inset:auto -16% -25% -12%;width:auto;height:470px;z-index:-1;background:radial-gradient(ellipse,#76274727 0%,transparent 71%);content:"";pointer-events:none}
#auth .guestHeroContent{width:100%;max-width:575px;display:flex;flex-direction:column;gap:0}
#auth .authBrand{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;text-align:left}
#auth .authWordmark{width:210px!important;max-width:100%;height:auto;object-fit:contain;object-position:left center;margin:-27px 0 -32px;filter:drop-shadow(0 6px 20px #0007)}
#auth .authTagline{font-family:'DM Sans',sans-serif;color:#d8b2c3!important;font-weight:600!important;font-size:11px!important;letter-spacing:.10em!important;line-height:1.4!important;margin:0!important;text-align:left!important}
#auth .heroCopy{margin-top:57px}
#auth .guestEyebrow{display:inline-flex;align-items:center;gap:10px;color:#c99aaf;letter-spacing:.18em;font-size:10px;font-weight:800;}
#auth .guestEyebrowDot{width:7px;height:7px;border-radius:50%;background:#c85a80;box-shadow:0 0 0 5px #9f395632}
#auth .heroCopy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(47px,4.6vw,76px);line-height:1.02;letter-spacing:-.052em;color:#fff4f7;margin:22px 0 22px;text-wrap:balance;}
#auth .heroCopy h1 em,#auth .editorialIntro h2 i,#auth .guestSectionHeader h2 i,#auth .editorialMomentsHeader h2 i{color:#e8a6bc;font-weight:400;font-style:italic;}
#auth .heroCopy>p{max-width:410px;color:#cfb8c1;font-size:15px;line-height:1.85;margin:0 0 27px;}
#auth .guestHeroActions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
#auth .guestJoinButton{display:inline-flex!important;align-items:center;justify-content:center;gap:38px;width:auto!important;min-width:206px;min-height:55px;background:linear-gradient(120deg,#a43f65,#8e3457)!important;border:1px solid #d784a4!important;color:#fff!important;border-radius:15px!important;font-weight:800;font-size:14px;box-shadow:0 12px 30px #521a3359!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
#auth .guestJoinButton:hover,#auth .guestJoinButton:focus-visible{transform:translateY(-3px);box-shadow:0 18px 38px #541a3580!important;background:#b1476e!important}
#auth .guestJoinButton span{font-size:21px;line-height:1}
#auth .guestLoginButton{background:transparent;border:0;color:#f0d9e2;font-weight:700;font-size:13px;min-height:50px;padding:0 6px;display:flex;align-items:center;gap:12px;}
#auth .guestLoginButton:hover,#auth .guestLoginButton:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:6px}
#auth .guestHeroFoot{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:11px;letter-spacing:.03em;color:#ad8999;margin-top:43px;}
#auth .guestHeroFoot>span:first-child{color:#e0a3ba;border:1px solid #764357;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:700}
#auth .guestSep{width:3px;height:3px;border-radius:50%;background:#90566d}
#auth .landingFeatures{grid-area:swipes;max-width:none!important;width:100%!important;margin:0!important;padding:90px max(24px,calc((100vw - 1180px)/2)) 60px clamp(14px,3.2vw,56px)!important;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;background:radial-gradient(ellipse 80% 63% at 55% 52%,#61264160,transparent 85%);}
#auth .editorialIntro{margin:0 0 20px!important;padding:0!important;text-align:left;max-width:unset}
#auth .guestSectionKicker{display:block;color:#b67b95;font-size:10px;font-weight:800;letter-spacing:.23em;line-height:1.45;margin-bottom:11px}
#auth .editorialIntro h2{font-family:Georgia,'Times New Roman',serif!important;color:#f4e7ed!important;font-weight:400!important;letter-spacing:-.04em!important;line-height:1.1;font-size:clamp(27px,2.55vw,40px);margin:0!important}
#auth .guestSwipeHelp{margin:12px 0 0;color:#b79ba9;font-size:12px;line-height:1.5;}
#auth .editorialSwipeTrack{display:flex!important;gap:14px!important;align-items:center;justify-content:flex-start;min-height:370px;padding:17px 2px 25px 16px;overflow:visible!important;}
#auth .editorialSwipeCard{flex:1 1 0;min-width:0;height:333px;position:relative;border:1px solid #8352688a!important;border-radius:20px!important;box-shadow:0 22px 42px #0007!important;transition:transform .3s ease,box-shadow .3s ease;}
#auth .editorialSwipeCard:nth-child(1){transform:translateY(14px) rotate(-7deg);z-index:1;margin-right:-40px}
#auth .editorialSwipeCard:nth-child(2){transform:translateY(-4px) rotate(0deg) scale(1.09);z-index:3;box-shadow:0 25px 55px #000a!important;}
#auth .editorialSwipeCard:nth-child(3){transform:translateY(17px) rotate(7deg);z-index:1;margin-left:-40px}
#auth .editorialSwipeCard:hover{z-index:6;transform:translateY(-10px) rotate(0deg) scale(1.04);box-shadow:0 34px 60px #000b!important;}
#auth .editorialSwipeCard .landingPhotoSlot{height:100%;width:100%}
#auth .editorialSwipeCard .landingPhotoSlot>img{object-fit:cover;object-position:center 25%;}
#auth .editorialSwipeCard .editorialSwipeIcons{bottom:12px;right:12px;gap:7px;}
#auth .editorialSwipeCard .editorialSwipeIcons i{width:35px;height:35px;border-radius:50%;background:#200f18bc;border-color:#ffffff80;backdrop-filter:blur(10px);}
#auth .editorialSwipeCard .editorialSwipeIcons i:last-child{background:#a53c64;color:#fff}
#auth .landingChatPreview{grid-area:chats;max-width:1110px!important;padding:52px 34px 58px!important;position:relative;}
#auth .landingChatPreview:before{content:"";position:absolute;inset:0 32px auto;height:1px;background:linear-gradient(90deg,transparent,#8d536b6e,transparent)}
#auth .guestSectionHeader{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:23px;}
#auth .guestSectionHeader h2{font:400 clamp(31px,3.7vw,48px)/1.12 Georgia,'Times New Roman',serif!important;letter-spacing:-.04em;color:#fff0f4;margin:0!important;text-align:left;}
#auth .guestSectionAside{color:#ad8f9e;font-size:12px;white-space:nowrap;margin-bottom:4px;}
#auth .landingChatScroll{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px!important;overflow:visible;scroll-snap-type:none;padding:0!important;}
#auth .landingChatCard{min-width:0;width:100%!important;flex:auto!important;aspect-ratio:941/1550;border-radius:23px!important;box-shadow:0 18px 40px #0007!important;border:1px solid #73435b8a!important;overflow:hidden;transition:transform .25s ease;}
#auth .landingChatCard:hover{transform:translateY(-5px)}
#auth .landingChatCard img{width:100%;height:100%;object-fit:cover;object-position:top}
#auth .authForm{grid-area:signup;margin:22px auto 32px!important;width:100%!important;max-width:unset!important;padding:60px 24px 65px!important;border-top:1px solid #70415966;border-bottom:1px solid #70415966;background:radial-gradient(ellipse 37% 85% at 50% 50%,#52263b55,transparent 83%),#190e16!important;}
#auth .authInner{position:relative;width:min(100%,485px)!important;max-width:485px!important;padding:38px 40px 34px!important;border:1px solid #91627b7b!important;border-radius:25px!important;background:linear-gradient(150deg,#2b1724,#1c111b 88%)!important;box-shadow:0 28px 70px #0006!important;}
#auth .authInner h2{font-size:clamp(31px,3vw,40px)!important;margin-bottom:12px;}
#auth .authInner #authWelcome .soft{margin:0;color:#c7aab7}
#auth .welcomeActions{margin-top:27px;gap:12px;}
#auth .welcomeActions .primary{min-height:57px;border-radius:13px;background:linear-gradient(120deg,#b34970,#903757)!important;border:1px solid #ce7799!important;}
#auth .welcomeActions .outline{min-height:57px;border-radius:13px;background:#281924;border:1px solid #765368;}
#auth .landingAmateur{grid-area:moments;max-width:1100px!important;padding:49px 28px 92px!important;}
#auth .editorialMomentsHeader{text-align:left!important;margin-bottom:25px;}
#auth .editorialMomentsHeader h2{font:400 clamp(31px,3.5vw,46px)/1.12 Georgia,serif!important;letter-spacing:-.045em!important;}
#auth .editorialMomentsGrid{display:grid;grid-template-columns:1.02fr .98fr .98fr;grid-template-rows:226px 226px;gap:15px;}
#auth .editorialMomentsGrid>figure{width:100%;height:auto!important;min-height:0!important;margin:0!important;border:1px solid #6e4558b0!important;border-radius:20px!important;overflow:hidden;}
#auth .editorialMomentsGrid>figure:nth-child(1){grid-column:1;grid-row:1/3;}
#auth .editorialMomentsGrid>figure:nth-child(2){grid-column:2;grid-row:1;}
#auth .editorialMomentsGrid>figure:nth-child(3){grid-column:3;grid-row:1;}
#auth .editorialMomentsGrid>figure:nth-child(4){grid-column:2/4;grid-row:2;}
#auth .editorialMomentsGrid>figure .landingPhotoSlot>img{object-fit:cover;}
#auth .editorialPhotoNote{margin-top:19px;color:#957987;font-size:11px;text-align:left}
#auth .veloraFooter{grid-area:footer;}
@media(max-width:1100px){
 #auth.authPage .authArt{padding:42px 30px 58px 30px!important;min-height:600px!important}
 #auth .heroCopy h1{font-size:clamp(43px,5.4vw,60px)}
 #auth .landingFeatures{padding:62px 25px 45px 15px!important;}
 #auth .editorialSwipeTrack{min-height:340px;}
 #auth .editorialSwipeCard{height:285px}
}
@media(max-width:760px){
 #auth.authPage{display:flex;flex-direction:column;align-items:stretch;gap:0;}
 #auth.authPage .authArt{min-height:0!important;padding:31px 23px 29px!important;justify-content:center;}
 #auth .guestHeroContent{max-width:550px;margin:auto;}
 #auth .authWordmark{width:190px!important;margin:-19px 0 -27px;}
 #auth .authTagline{font-size:10.5px!important;letter-spacing:.06em!important}
 #auth .heroCopy{margin-top:41px;}
 #auth .heroCopy h1{font-size:clamp(43px,10.1vw,64px);margin:18px 0 17px;letter-spacing:-.045em;}
 #auth .heroCopy>p{font-size:13px;line-height:1.7;max-width:440px;margin-bottom:22px;}
 #auth .guestHeroActions{gap:13px;}
 #auth .guestJoinButton{min-height:51px;min-width:184px;gap:30px;font-size:13px;}
 #auth .guestLoginButton{font-size:12px;}
 #auth .guestHeroFoot{margin-top:28px;gap:9px;font-size:10px;}
 #auth .landingFeatures{padding:32px 0 25px!important;background:radial-gradient(ellipse 78% 70% at 55% 54%,#65233c44,transparent 88%);}
 #auth .editorialIntro{padding:0 23px!important;margin-bottom:7px!important;}
 #auth .editorialIntro h2{font-size:30px;line-height:1.17;max-width:450px}
 #auth .guestSwipeHelp{font-size:11px;margin-top:10px}
 #auth .editorialSwipeTrack{display:flex!important;min-height:0;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;padding:18px 23px 25px!important;gap:13px!important;justify-content:flex-start;align-items:stretch;scrollbar-width:none;}
 #auth .editorialSwipeTrack::-webkit-scrollbar{display:none}
 #auth .editorialSwipeCard{flex:0 0 min(64vw,262px);min-width:0;margin:0!important;height:340px;transform:none!important;scroll-snap-align:center;border-radius:19px!important;box-shadow:0 17px 32px #0008!important;}
 #auth .editorialSwipeCard:nth-child(2){transform:translateY(0)!important;}
 #auth .editorialSwipeCard:hover{transform:translateY(-2px)!important;}
 /* Mobile conversion: visible registration before long chat previews */
 #auth .authForm{order:3;margin:14px auto 10px!important;padding:35px 17px!important;border-top:1px solid #6c3d5373;border-bottom:1px solid #6c3d5373;background:radial-gradient(ellipse at 50% 10%,#62284155,transparent 75%),#180f17!important;}
 #auth .authInner{padding:29px 24px 26px!important;max-width:520px!important;}
 #auth .landingChatPreview{order:4;padding:42px 0 25px!important;}
 #auth .landingChatPreview:before{inset:0 20px auto;}
 #auth .guestSectionHeader{padding:0 22px;align-items:center;margin-bottom:19px;}
 #auth .guestSectionHeader h2{font-size:34px!important;}
 #auth .guestSectionAside{display:none;}
 #auth .landingChatScroll{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:12px!important;padding:0 22px 16px!important;scrollbar-width:none;}
 #auth .landingChatScroll::-webkit-scrollbar{display:none;}
 #auth .landingChatCard{flex:0 0 min(61vw,260px)!important;width:min(61vw,260px)!important;border-radius:19px!important;scroll-snap-align:center;}
 #auth .landingAmateur{order:5;padding:39px 17px 52px!important;}
 #auth .editorialMomentsHeader{margin-bottom:17px;}
 #auth .editorialMomentsHeader h2{font-size:33px!important;}
 #auth .editorialMomentsGrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,205px);gap:10px;}
 #auth .editorialMomentsGrid>figure{grid-column:auto!important;grid-row:auto!important;border-radius:14px!important;}
 #auth .editorialPhotoNote{text-align:left;font-size:10px}
 #auth .veloraFooter{order:6;}
}
@media(max-width:390px){
 #auth .heroCopy h1{font-size:41px;}
 #auth .guestHeroActions{gap:10px}
 #auth .guestJoinButton{min-width:166px;gap:21px;padding:12px 16px;}
 #auth .guestLoginButton{font-size:11px;gap:7px}
 #auth .editorialSwipeCard{flex-basis:71vw;height:305px}
 #auth .editorialMomentsGrid{grid-template-rows:repeat(2,169px);}
 #auth .landingChatCard{flex-basis:67vw!important;width:67vw!important}
}
@media(prefers-reduced-motion:reduce){
 #auth .editorialSwipeCard,#auth .landingChatCard,#auth .guestJoinButton{transition:none!important}
}
