/* Only login fits the viewport. Home uses its natural, scrolling layout. */
html,body{min-height:100%;margin:0}
.access-page{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:visible}
.access-hero{flex:1 1 auto;min-height:0;height:auto;padding:clamp(18px,4dvh,42px) 22px 45px;gap:12px}
.access-hero .home-scenery{height:100%}
.access-brand{gap:6px;flex-direction:column}
.access-brand img{width:clamp(35px,6dvh,55px)}
.access-brand>span{font-size:clamp(40px,7dvh,60px)}
.access-brand small{font-size:10px;line-height:2}
.access-welcome h1{font-size:clamp(36px,6.6dvh,57px);margin-bottom:7px}
.access-welcome p{font-size:clamp(13px,1.9dvh,16px)}
.access-form-area{flex:0 0 auto;margin-top:-20px;padding:0 28px max(12px,env(safe-area-inset-bottom))}
.access-gold-rule{margin-bottom:clamp(12px,2dvh,19px)}
.access-form-area h2{margin-bottom:clamp(14px,2dvh,20px)}
.access-form-area label{margin-bottom:7px;font-size:14px}
.access-field{min-height:clamp(44px,6.4dvh,56px);margin-bottom:clamp(10px,1.9dvh,18px)}
.access-field input{min-height:clamp(42px,6.1dvh,54px)}
.access-recovery{align-self:flex-start;text-align:left;min-height:36px;margin:-2px 0 clamp(9px,1.5dvh,15px);font-size:13px}
.access-submit{min-height:clamp(46px,6.7dvh,59px);padding:10px 22px}
.access-biometry{min-height:42px;margin-top:7px}
.access-footer{margin-top:clamp(8px,1.8dvh,17px)}
.preview-note{margin-top:8px;font-size:9px}
@media(max-height:780px){.access-brand{flex-direction:row;gap:12px}.access-brand img{width:39px}.access-brand>span{font-size:46px}.access-brand small{font-size:8px;line-height:1.9}.access-welcome h1{font-size:40px}.access-hero{padding-top:20px;padding-bottom:39px;gap:10px}.access-form-area h2{font-size:9px;margin-bottom:12px}.access-gold-rule{margin-bottom:12px}.access-form-area{padding-inline:25px}.preview-note{font-size:8px;margin-top:6px}}
@media(max-width:360px){.access-form-area{padding-inline:23px}}
@media(max-height:600px){.access-hero{padding-top:12px;padding-bottom:30px}.access-brand img{width:31px}.access-brand>span{font-size:37px}.access-welcome h1{font-size:33px}.access-welcome p{font-size:13px}.access-form-area{padding-bottom:9px}.access-gold-rule{margin-bottom:9px}.access-form-area h2{margin-bottom:10px}.access-form-area label{font-size:13px;margin-bottom:5px}.access-biometry{min-height:36px;margin-top:3px}.access-footer{margin-top:7px}.preview-note{display:none}}