.patient-login{--fontFamilyBase: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--fontSizeBase200: 12px;--fontSizeBase300: 14px;--fontSizeBase400: 16px;--fontSizeHero700: 28px;--fontSizeHero800: 32px;--lineHeightBase200: 16px;--lineHeightBase300: 20px;--lineHeightBase400: 22px;--lineHeightHero700: 36px;--lineHeightHero800: 40px;--fontWeightRegular: 400;--fontWeightSemibold: 600;--borderRadiusMedium: 4px;--borderRadiusXLarge: 8px;--borderRadius2XLarge: 12px;--login-paper: var(--layer-01);--login-ink: var(--text-primary);--login-accent: var(--color-accent-600);min-block-size:100dvh;padding:32px clamp(24px,4vw,64px);background:var(--login-paper);color:var(--login-ink);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);display:flex;flex-direction:column}.patient-login :is(button,input,label,.cds--btn,.cds--label,.cds--text-input){font-family:var(--fontFamilyBase)}.patient-login::selection{background:var(--blue-20);color:var(--blue-80)}.patient-login :focus-visible{outline:2px solid var(--login-accent);outline-offset:4px}.patient-login a{text-underline-offset:3px}.patient-login .patient-auth__shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;flex:1;inline-size:min(100%,1280px);margin-inline:auto}.patient-login .patient-auth__form{display:flex;flex-direction:column;gap:24px;padding:clamp(28px,3.2vw,48px);border:1px solid var(--border-subtle-01);border-radius:var(--borderRadiusXLarge);background:var(--white)}.patient-login .patient-login__heading{text-align:center;color:var(--text-primary)}.patient-login .patient-login__heading h1{margin:0 0 8px;color:var(--text-primary);font-family:var(--fontFamilyBase);font-size:var(--fontSizeHero800);line-height:var(--lineHeightHero800);font-weight:var(--fontWeightSemibold);letter-spacing:normal;text-wrap:balance}.patient-login .patient-login__heading p{margin:0;color:var(--text-secondary);font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);text-wrap:balance}.patient-login .patient-auth__header{text-align:center;margin-block-end:12px}.patient-login .patient-auth__header h1{margin:0 0 14px;color:var(--blue-80);font-family:var(--fontFamilyBase);font-size:var(--fontSizeHero800);line-height:var(--lineHeightHero800);font-weight:var(--fontWeightSemibold);letter-spacing:normal;text-wrap:balance}.patient-login .patient-auth__header p{font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);color:var(--text-secondary);text-wrap:balance}.patient-login .patient-auth__switch{font-size:var(--fontSizeBase300)}.patient-login .patient-auth__switch a{font-weight:var(--fontWeightSemibold)}.patient-login .cds--btn{block-size:44px;min-block-size:44px;border-radius:var(--borderRadiusMedium);justify-content:center;padding:10px 24px;font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition:background-color .16s ease,border-color .16s ease}.patient-login .cds--btn .cds--btn__icon{position:static;order:-1;flex-shrink:0;inline-size:20px;block-size:20px;margin:0 12px 0 0}.patient-login .cds--label{margin-block-end:8px;color:var(--text-secondary);font-size:var(--fontSizeBase200)}.patient-login .cds--text-input,.patient-login .cds--password-input{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase400)}.patient-login .patient-auth__feedback{border-inline-start:0;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300)}.patient-login .patient-auth__code-actions{grid-template-columns:1fr 1fr}.patient-login .patient-auth__code-actions .cds--btn{padding-inline:12px}.patient-login form{display:grid;gap:16px}.patient-login__brand-container{display:flex;align-items:center;justify-content:center}.patient-login__brand{display:inline-flex;align-items:center;gap:10px;color:var(--login-accent);font-size:20px;font-weight:var(--fontWeightSemibold);letter-spacing:normal;text-decoration:none}.patient-login__brand-mark{display:flex}.patient-login__brand:hover{color:var(--color-accent-700)}.patient-login__brand img{inline-size:32px;block-size:32px;object-fit:contain}.patient-login__back,.patient-login__method-back{display:inline-flex;align-items:center;gap:8px;font-size:var(--fontSizeBase200);text-decoration:none}.patient-login__back{color:var(--text-secondary)}.patient-login__method-back{align-self:flex-start;padding:4px 0;border:0;background:transparent;color:var(--blue-70);font-family:inherit;cursor:pointer}.patient-login__method-back:disabled{opacity:.5;cursor:wait}.patient-login__content{inline-size:100%;max-inline-size:400px;justify-self:center;display:grid;gap:22px}.patient-login__legal{max-inline-size:360px;margin:0 auto;text-align:center;color:var(--text-helper);font-size:var(--fontSizeBase200);line-height:1.7}.patient-login__legal a{color:var(--login-accent)}.patient-login__legal a:hover{color:var(--color-accent-700)}.patient-auth__otp{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))}.patient-auth__otp>div{min-width:0}.patient-auth__otp input{width:100%!important;min-width:0}.patient-login-mosaic{inline-size:min(100%,max(400px,(100dvh - 140px) * 5 / 7));max-inline-size:580px;justify-self:center;container-type:inline-size}.patient-login-mosaic__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:5/7;border-radius:var(--borderRadius2XLarge);overflow:hidden;background:var(--white)}.patient-login-mosaic__photo{min-inline-size:0;overflow:hidden;background:var(--blue-20)}.patient-login-mosaic__photo img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.patient-login-mosaic__word{display:flex;align-items:center;justify-content:center;padding:4px;color:var(--login-accent);font-size:10cqw;font-weight:400;line-height:1;letter-spacing:-.04em}.patient-login-mosaic__word--3{font-size:14cqw}.patient-login-mosaic__word--4{font-size:13.4cqw}@media(max-width:1023px){.patient-login{padding-inline:24px}.patient-login .patient-auth__shell{gap:28px}.patient-login .patient-auth__form{padding:28px 24px}.patient-login-mosaic{inline-size:100%}.patient-login .cds--btn{padding-inline:24px;font-size:var(--fontSizeBase300)}}@media(max-width:767px){.patient-login{padding:32px 20px max(32px,env(safe-area-inset-bottom))}.patient-login__brand{font-size:20px}.patient-login__back{font-size:var(--fontSizeBase200)}.patient-login .patient-auth__shell{display:flex;flex:1;align-items:flex-start;justify-content:center}.patient-login__content{max-inline-size:460px;gap:24px}.patient-login .patient-auth__form{padding:32px 24px;gap:24px}.patient-login .patient-auth__header h1,.patient-login .patient-login__heading h1{font-size:var(--fontSizeHero700);line-height:var(--lineHeightHero700)}.patient-login .patient-auth__header p{font-size:var(--fontSizeBase300)}.patient-login-mosaic{display:none}}@media(max-width:360px){.patient-login{padding-inline:12px}.patient-login .patient-auth__form{padding-inline:18px}.patient-login__back{gap:4px}}@media(prefers-reduced-motion:reduce){.patient-login .cds--btn{transition:none}}