.welcome{grid-template-rows:auto 1fr auto;gap:16px;width:100%;max-width:1360px;min-height:100svh;padding:18px clamp(24px,4vw,60px) 10px;display:grid}.welcome>header{gap:20px;min-width:0;margin:0}.welcome>header .brand img{width:184px}.welcome>header>a:last-child{color:#536d59;min-height:44px;font-size:14px}.welcome .welcome-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,70px);min-height:0;display:grid}.welcome .welcome-art{border-radius:26px;align-self:stretch;height:100%;min-height:0;max-height:min(720px,100svh - 144px)}.welcome .welcome-art>div{padding:clamp(24px,3vw,40px)}.welcome .welcome-art h1{margin:20px 0 14px;font-size:clamp(32px,3.2vw,44px)}.welcome .welcome-art p{font-size:17px}.welcome .welcome-choice{justify-self:center;width:100%;min-width:0;max-width:480px;padding:0}.welcome .access-form{max-width:none}.welcome .access-form>h2{margin:10px 0;font-size:clamp(28px,2.5vw,34px)}.welcome .access-form>p{line-height:1.45}.welcome .access-switch{margin:18px 0}.welcome .access-switch button{white-space:normal;min-height:40px}.welcome .access-form form{gap:14px}.welcome .access-field{gap:7px;min-width:0}.welcome .access-field input{width:100%;min-width:0;height:44px}.welcome .access-roles{min-width:0}.welcome .access-roles>button{min-height:44px;padding:10px 12px}.welcome .access-form>.text-button{min-height:44px;margin-top:12px}.welcome .access-form[data-mode=register] form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;display:grid}.welcome .access-form[data-mode=register] form>*{grid-column:1/-1}.welcome .access-form[data-mode=register] .access-name,.welcome .access-form[data-mode=register] .access-username{grid-column:auto}.welcome .access-form[data-mode=register] .access-switch{margin:12px 0}.welcome .access-form .check-field{margin:0;font-size:14px;line-height:1.45}.welcome>footer{color:#536d59;gap:16px;margin:0;font-size:13px}.welcome>footer>span{max-width:none}.welcome>footer button{flex-shrink:0;min-height:44px;font-size:14px}@media (min-width:821px) and (max-height:760px){.welcome{gap:8px;padding-top:12px}.welcome>header .brand img{width:164px}.welcome .access-form[data-mode=register]>.eyebrow{display:none}.welcome .access-form[data-mode=register]>h2{margin-top:0;font-size:28px}.welcome .access-form[data-mode=register] .access-switch{margin:8px 0}}@media (max-width:820px){.welcome{gap:16px;max-width:580px;padding:16px 20px 12px}.welcome>header{gap:12px}.welcome>header .brand img{width:150px}.welcome>header>a:last-child{text-align:right;font-size:13px}.welcome .welcome-layout{grid-template-columns:minmax(0,1fr);align-content:center;gap:20px}.welcome .welcome-art{border-radius:18px;width:100%;max-width:none;height:132px;min-height:0;max-height:none}.welcome .welcome-art>div{padding:18px 20px}.welcome .welcome-art .week-chip,.welcome .welcome-art p,.welcome .welcome-art-bottom{display:none}.welcome .welcome-art h1{max-width:245px;margin:10px 0 0;font-size:28px}.welcome .welcome-art>img{object-position:center 43%}.welcome .welcome-choice{max-width:none;padding:0}.welcome .access-form>.eyebrow{display:none}.welcome .access-form>h2{margin-top:0;font-size:28px}.welcome>footer{flex-wrap:wrap;gap:0 14px}:is(.welcome:has(.access-form[data-mode=register]) .welcome-art,.welcome:has(.access-form[data-mode=recover]) .welcome-art,.welcome:has(.access-receipt) .welcome-art){display:none}}@media (max-width:820px) and (max-height:740px){.welcome .welcome-art{display:none}}@media (max-width:380px){.welcome{padding-inline:16px}.welcome>header .brand img{width:132px}.welcome>header>a:last-child{max-width:115px}.welcome .access-form[data-mode=register] form{grid-template-columns:minmax(0,1fr)}.welcome .access-form[data-mode=register] .access-name,.welcome .access-form[data-mode=register] .access-username{grid-column:1}.welcome .access-roles>button{gap:6px;padding-inline:8px}}