.login-page .shade{background:linear-gradient(90deg,#08140780,transparent 80%),#08140733}
.login-main{justify-content:center;padding:3rem 0}.login-card{width:min(100%,28rem);padding:clamp(1.5rem,4vw,2.5rem);border:1px solid #ffffff30;border-radius:1.25rem;background:#152211df;box-shadow:0 20px 80px #08110740;backdrop-filter:blur(18px)}
.login-card h1{font-size:clamp(2.1rem,5vw,2.7rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.eyebrow{font-size:.7rem;letter-spacing:.14em;color:#e9c775;margin:0 0 1.25rem}.login-description{font-size:1rem;line-height:1.65;color:var(--quiet);margin:1rem 0 1.75rem}.login-description strong{font-weight:400;overflow-wrap:anywhere}
.google-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;min-height:3.25rem;padding:.75rem 1rem;border:1px solid #ffffff33;border-radius:.6rem;background:#f9f8ef;color:#172411;font:inherit;font-size:.95rem;cursor:pointer}.google-button:hover{background:#fff}.google-button:focus-visible,.back-link:focus-visible{outline:2px solid #e9c775;outline-offset:5px}.invite-note{font-size:.78rem;text-align:center;margin:1.15rem 0 0;color:#c3cab9}.back-link{font-size:.875rem;color:var(--cream);text-decoration:none;white-space:nowrap}.back-link:hover{text-decoration:underline}.back-link span{margin-left:.4rem}.login-error{padding:.8rem 1rem;border:1px solid #e9c77550;border-radius:.5rem;font-size:.875rem;line-height:1.5;color:#f6dfac;background:#e9c77512}
@media(max-width:700px){.login-main{align-items:center;padding:2.5rem 0}.login-page .page{padding:0 1.5rem}}

.split-login{display:grid;grid-template-columns:41% 59%;min-height:100vh;min-height:100svh;background:#f9f8f3;color:#20251f;color-scheme:light}
.signin-panel{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:100svh;padding:44px}
.signin-brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:22px;line-height:30px;letter-spacing:-.025em}
.signin-brand img{width:30px;height:30px;border-radius:7px}
.signin-main{display:flex;align-items:center;justify-content:center;min-width:0;padding:48px 0}
.signin-group{width:min(100%,330px);text-align:center}
.signin-group h1{font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:400;margin:0 0 28px}
.signin-group .google-button{min-height:46px;padding:12px 16px;border:1px solid #a7aaa4;border-radius:6px;background:#fff;color:#20251f;font-size:14px;line-height:20px;gap:12px}
.signin-group .google-button:hover{background:#f1f2ed;border-color:#71796b}
.signin-group .google-button:disabled{opacity:.6;cursor:wait}
.signin-group .invite-note{margin:20px 0 0;color:#62675f;font-size:13px;line-height:1.5}
.signin-group .login-error{margin:0 0 20px;background:#faf1e6;border-color:#d5b28d;color:#7a3618;text-align:left;overflow-wrap:anywhere}
.signin-back{justify-self:start;display:inline-flex;gap:14px;align-items:center;color:#555d51;text-decoration:none;font-size:14px;line-height:24px}
.signin-back span{font-size:20px}.signin-back:hover{text-decoration:underline;text-underline-offset:4px}
.signin-brand:focus-visible,.signin-back:focus-visible,.signin-group .google-button:focus-visible{outline:2px solid #506246;outline-offset:5px}
.signin-art{position:relative;min-width:0;overflow:hidden;background:#26371c}
.signin-art>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:73% 50%;display:block}
.signin-art small{position:absolute;right:32px;bottom:24px;color:#fff;font-size:12px;line-height:1.5;text-shadow:0 1px 3px #172411}
@media(max-width:1000px){.signin-panel{padding:32px}.signin-group{width:min(100%,310px)}}
@media(max-width:700px){.split-login{grid-template-columns:1fr;grid-template-rows:minmax(440px,65svh) minmax(260px,35svh)}.signin-panel{min-height:0;padding:24px}.signin-main{padding:40px 0}.signin-group{width:min(100%,330px)}.signin-art>img{object-position:73% 74%}.signin-art small{right:24px;bottom:18px}}
@media(min-width:701px) and (max-height:560px){.signin-panel{padding-top:24px;padding-bottom:24px}.signin-main{padding:32px 0}}