:root{--responsive-gutter:clamp(16px, 5vw, 24px)}html,body{max-inline-size:100%;overflow-x:clip}img,video,iframe{max-inline-size:100%}.login-page-product .login-card{place-self:center;width:min(430px,100% - 32px);margin:40px auto}.toast-copy,.legal-page h1,.legal-page h2,.legal-page p{overflow-wrap:anywhere}@media (max-width:760px){html{scroll-padding-top:calc(76px + env(safe-area-inset-top))}.toast-viewport{top:calc(68px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));width:auto}.toast{min-height:58px;padding:11px 12px}}@media (max-width:480px){.login-page{padding-inline:var(--responsive-gutter)}.login-card{padding:24px 20px}.login-header{padding-inline:0}.login-layout{grid-template-columns:1fr;gap:32px;margin-top:38px;padding-inline:0}.login-intro{text-align:center;max-width:580px;margin-inline:auto;display:block}.login-intro h1{font-size:clamp(40px,12vw,54px)}.login-action-area{width:min(100%,430px);margin-inline:auto}.login-footer{margin-top:38px}}@media (max-width:560px){.toast-viewport{top:auto;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));width:auto;gap:0;max-inline-size:none}.toast-viewport .toast:not(:last-child){display:none}.toast{box-sizing:border-box;grid-template-columns:30px minmax(0,1fr) 44px;gap:8px;width:100%;min-height:64px;max-height:min(156px,100svh - 116px);padding:11px 10px 12px}.toast strong,.toast p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toast button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.google-button,.back-home,.knoveya-logo-mark{transition:none}}