/* Sign in / sign up in the homepage's look: cream page, a large headline on the left and a clean
   white card on the right. Loaded last on auth.html. */
html:has(body.hw-auth){background:#fffcf5}
body.hw-theme.hw-auth{
 display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(380px,460px);align-items:center;gap:clamp(32px,6vw,110px);
 max-width:1180px;margin:0 auto!important;padding:calc(var(--ml-bar-offset,78px) + 24px) 32px 48px!important;
 min-height:calc(100vh / var(--ml-z,1))!important;background:#fffcf5!important;color:#101727;font-family:Inter,system-ui,sans-serif
}
body.hw-theme.hw-auth .left{
 width:auto!important;min-height:0!important;padding:0!important;background:none!important;color:#101727!important;
 display:flex!important;flex-direction:column;justify-content:center;position:relative;border-radius:0!important;box-shadow:none!important
}
body.hw-theme.hw-auth .left:before{content:"Welcome to MemoLink";display:block;font:750 13px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e9461c;margin-bottom:18px}
body.hw-theme.hw-auth .left .left-brand,body.hw-theme.hw-auth .left .home-link{display:none!important}
body.hw-theme.hw-auth .left-quote{
 margin:0!important;font:850 clamp(48px,5.4vw,88px)/.94 Inter,system-ui,sans-serif!important;letter-spacing:-.06em!important;
 font-style:normal!important;opacity:1!important;color:#101727!important;max-width:11ch!important;text-wrap:balance
}
body.hw-theme.hw-auth .left-attr{margin:22px 0 0!important;font-size:18px!important;line-height:1.5!important;color:#596174!important;opacity:1!important;max-width:30ch!important}
body.hw-theme.hw-auth .left:after{
 position:static!important;display:block!important;margin-top:34px;width:min(320px,70%)!important;height:auto!important;aspect-ratio:5/3;
 border-radius:24px!important;inset:auto!important;transform:none!important
}
body.hw-theme.hw-auth .right{flex:none!important;width:auto!important;min-width:0;min-height:0!important;height:auto!important;align-self:center!important;padding:0!important;background:none!important;display:block!important}
body.hw-theme.hw-auth .card{
 max-width:none!important;width:100%;padding:32px 30px!important;border-radius:28px!important;background:#fffefa!important;
 border:1px solid #eee5d7!important;box-shadow:0 1px 2px rgba(80,55,30,.04),0 24px 60px rgba(100,65,39,.10)!important
}
body.hw-theme.hw-auth .card h2{font:850 30px/1.05 Inter,system-ui,sans-serif!important;letter-spacing:-.045em!important;color:#101727!important;margin:0 0 20px!important}
body.hw-theme.hw-auth .card .tabs{background:#f3ece2!important;border-radius:999px!important;padding:4px!important;margin-bottom:26px!important}
body.hw-theme.hw-auth .card .tab{border-radius:999px!important;font:600 14px/1 Inter,system-ui,sans-serif!important;color:#4a5262!important;background:transparent!important;box-shadow:none!important;min-height:38px!important}
body.hw-theme.hw-auth .card .tab.active{background:#101727!important;color:#fff!important}
body.hw-theme.hw-auth .card .field label{color:#3b4452!important}
body.hw-theme.hw-auth .card .field input{border:1px solid #e4d9cb!important;border-radius:12px!important;background:#fff!important;min-height:48px!important}
body.hw-theme.hw-auth .card .field input:focus{border-color:#c9b8a4!important;box-shadow:0 0 0 4px rgba(233,70,28,.08)!important;outline:none}
body.hw-theme.hw-auth .card .recovery-links a,body.hw-theme.hw-auth .card .switch a{color:#101727!important;text-decoration:underline;text-decoration-color:#d8cbbb;text-underline-offset:3px}
body.hw-theme.hw-auth .card .submit-btn{
 background:#e9461c!important;border:1px solid #ed542b!important;border-radius:999px!important;color:#fff!important;min-height:50px!important;
 font:650 15px/1 Inter,system-ui,sans-serif!important;box-shadow:inset 0 1px 0 #ffffff2b!important;width:100%
}
body.hw-theme.hw-auth .card .submit-btn:hover{background:#d93d15!important}
body.hw-theme.hw-auth .card .home-btn{border-radius:999px!important}
@media(max-width:900px){
 body.hw-theme.hw-auth{grid-template-columns:1fr;gap:28px;padding:calc(var(--ml-bar-offset,70px) + 18px) 16px 40px!important;align-items:start}
 body.hw-theme.hw-auth .left{padding-right:120px!important}
 body.hw-theme.hw-auth .left:before{font-size:11px;margin-bottom:12px}
 body.hw-theme.hw-auth .left-quote{font-size:clamp(38px,11vw,54px)!important;max-width:none!important}
 body.hw-theme.hw-auth .left-attr{font-size:15px!important;margin-top:12px!important}
 body.hw-theme.hw-auth .left:after{position:absolute!important;right:0!important;top:22px!important;bottom:auto!important;left:auto!important;width:100px!important;height:60px!important;aspect-ratio:auto!important;margin:0;border-radius:16px!important}
 body.hw-theme.hw-auth .card{padding:24px 20px!important;border-radius:24px!important}
}

/* No visible scroll bars (the page still scrolls), like the homepage. */
html:has(body.hw-auth),body.hw-theme.hw-auth{scrollbar-width:none}
html:has(body.hw-auth)::-webkit-scrollbar,body.hw-theme.hw-auth::-webkit-scrollbar{display:none}