/* Auth page only: reuse the approved homepage meadow and motion. */
.auth-garden-scene{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;transform:scaleX(-1);z-index:0}
#quietJourney:has(#recordAuth:not([hidden])) .auth-garden-scene{display:block}
.auth-garden-scene .garden-image{animation:none;object-position:center 58%}
.auth-garden-scene:after{content:"";position:absolute;inset:0;z-index:105;background:linear-gradient(180deg,#f8f7f3 0,transparent 13%),linear-gradient(90deg,#f8f7f3fa 0%,#f8f7f3ed 33%,#f8f7f36b 48%,transparent 65%)}
.auth-garden-scene .garden-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.auth-garden-scene.canvas-ready .garden-canvas{opacity:1}
.auth-garden-scene.canvas-ready .garden-image{opacity:0}
#page-mine #quietJourney:has(#recordAuth:not([hidden])) .quiet-atmosphere,#page-mine #quietJourney:has(#recordAuth:not([hidden])) .quiet-topline{display:none}
#page-mine #quietJourney:has(#recordAuth:not([hidden])) #recordExperience{width:100%;padding:0;z-index:1;display:flex;min-height:calc(100svh - 145px)}
#page-mine #quietJourney:has(#recordAuth:not([hidden])) .quiet-preview-note{position:relative;z-index:1;align-self:flex-end;margin:0 5% 14px;max-width:440px;color:#6e7967;background:#f8f7f3ab;border-radius:12px}
#recordAuth{width:100%;max-width:1600px;margin:0 auto;padding:30px 6% 24px;grid-template-columns:minmax(0,1fr) minmax(380px,440px);gap:8%;align-items:center}
.auth-garden-caption{align-self:end;margin:0 0 55px;color:#fffdf5;text-shadow:0 2px 15px #173d2277}
.auth-garden-caption>span{font-size:12px;letter-spacing:2px}.auth-garden-caption p{font-size:clamp(24px,2.5vw,36px);font-weight:700;line-height:1.65;margin:17px 0 0;text-wrap:balance}
#recordAuth .record-auth-box{padding:28px 32px;background:#fffef9b8;border:1px solid #ffffffc4;box-shadow:0 18px 60px #3d53320a;backdrop-filter:blur(20px);width:100%}
#recordAuth .record-auth-story{padding:0;margin:0 0 23px}
#recordAuth .record-auth-story .record-eyebrow{font-size:10px;margin-bottom:9px}
#page-mine #recordAuth h2{font-size:29px;line-height:1.5;letter-spacing:0;white-space:nowrap}
#recordAuth .record-auth-story>p:not(.record-eyebrow){font-size:13px;line-height:1.9;margin:13px 0 0;color:#73816b}
#recordAuth .record-auth-tabs{margin-bottom:17px}#recordAuth .record-auth-tabs button{font-size:15px;padding-bottom:10px}
#recordAuth #recordAuthForm label{margin-top:14px}#recordAuth #recordAuthForm input{min-height:46px;padding-top:10px;padding-bottom:10px}
#recordAuth .record-error{margin:8px 0;min-height:17px}
@media(min-width:1600px){#recordAuth{padding-right:7%;grid-template-columns:1fr 470px}#page-mine #recordAuth h2{font-size:32px}}
@media(max-width:1000px) and (min-width:761px){#recordAuth{padding:28px 4%;grid-template-columns:1fr 390px;gap:4%}#recordAuth .record-auth-box{padding:25px}#page-mine #recordAuth h2{font-size:27px}.auth-garden-caption p{font-size:25px}}
@media(max-width:760px){
 #page-mine #quietJourney:has(#recordAuth:not([hidden])) #recordExperience{min-height:0}
 #recordAuth{display:flex;flex-direction:column;align-items:stretch;padding:0 20px 24px;gap:0}
 .auth-garden-scene{height:520px;bottom:auto}
 .auth-garden-scene .garden-image{object-position:78% bottom}
 .auth-garden-scene:after{background:linear-gradient(180deg,#f8f7f3 0,transparent 15%,transparent 50%,#f8f7f3 100%)}
 .auth-garden-caption{height:255px;align-self:stretch;margin:0;padding:170px 4px 0;text-shadow:0 1px 8px #173d2266}
 .auth-garden-caption p,.auth-garden-caption>span{display:none}
 #recordAuth .record-auth-box{padding:26px 23px;background:#fffef9d9;backdrop-filter:blur(18px);max-width:460px;align-self:center}
 #page-mine #recordAuth h2{font-size:clamp(22px,6.1vw,29px);white-space:normal;text-wrap:balance}
 #recordAuth .record-auth-story>p:not(.record-eyebrow){font-size:13px}
 #page-mine #quietJourney:has(#recordAuth:not([hidden])) .quiet-preview-note{align-self:center;margin:0 20px 18px}
}
