@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-latin-400-normal-CwmoKdEh.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-400-normal-YXrLwNa7.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-latin-500-normal-DQcnnbdd.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-500-normal-h5t7erDE.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-latin-600-normal-BR-dhaTH.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-600-normal-P_JjY83V.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-thai-latin-700-normal-Ct-BCS9V.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-700-normal-SmVfMUPf.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-thai-400-normal-Bt1rR4gi.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-400-normal-DKc8V4lk.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-thai-500-normal-BrMc1XKn.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-500-normal-BoHUoq0p.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-thai-600-normal-DvfsyWAn.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-600-normal-BOwfviun.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-thai-thai-700-normal-0moayseG.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-700-normal-Bo0ALcDh.woff) format("woff")}body{margin:0}.hh-auth{min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;gap:32px;padding:32px;box-sizing:border-box;background:#fff;font-family:IBM Plex Sans Thai,system-ui,-apple-system,sans-serif}@media (min-width: 961px){.hh-auth{min-height:100vh;min-height:100dvh}@media (min-height: 982px){.hh-auth{min-height:982px}}}.hh-auth__banner{position:relative;flex:1 1 0;min-width:0;border-radius:16px;border:1px solid #f5f5f5;overflow:hidden;background-color:#f3ede1;background-size:cover;background-position:center;color:#262626;padding:48px;box-sizing:border-box;display:flex;flex-direction:column;container-type:inline-size;container-name:banner}.hh-auth__banner-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(243deg,#b0841400,#b0841426),linear-gradient(-50deg,#d4d4d400 52%,#d4d4d433);pointer-events:none;z-index:0}.hh-auth__glow{position:absolute;width:327px;height:559px;right:48px;bottom:0;background:#46340833;filter:blur(60px);border-radius:50%;pointer-events:none;z-index:0}.hh-auth__brand{position:relative;z-index:2;display:flex;flex-direction:column}.hh-auth__logo{height:40px;width:auto;margin-bottom:20px;display:block;align-self:flex-start}.hh-auth__title{margin:0;font-size:48px;line-height:1.05;font-weight:600;letter-spacing:-.01em;color:#262626}.hh-auth__subtitle{margin:0;font-size:42px;line-height:46px;font-weight:600;letter-spacing:-.012em;color:#b58715}.hh-auth__bottom{position:absolute;bottom:0;left:0;width:896px;height:641px;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:16px;pointer-events:none;z-index:1;transform-origin:bottom left}.hh-auth__doctor{width:480px;height:641px;object-fit:contain;object-position:bottom left;pointer-events:none;flex-shrink:0}.hh-auth__cards{width:400px;height:641px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding-right:48px;gap:48px;box-sizing:border-box;pointer-events:auto;flex-shrink:0}.hh-auth__card{display:flex;align-items:center;gap:16px;height:88px;padding:16px;box-sizing:border-box;background:#fff3;border:2px solid #f5f5f5;border-radius:16px;box-shadow:0 4px 12px #0000000d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hh-auth__card:nth-child(1),.hh-auth__card:nth-child(4){width:350px}.hh-auth__card:nth-child(2),.hh-auth__card:nth-child(3){width:300px}.hh-auth__card-icon{flex:0 0 56px;width:56px;height:56px;border-radius:12px;background:#f5ecd5;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d}.hh-auth__card-icon img{width:36px;height:36px}.hh-auth__card-label{font-size:24px;line-height:40px;font-weight:600;letter-spacing:-.025em;color:#262626;white-space:nowrap}.hh-auth__panel{flex:0 0 448px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;box-sizing:border-box}@container banner (max-width: 895px){.hh-auth__bottom{transform:scale(.92)}}@container banner (max-width: 830px){.hh-auth__bottom{transform:scale(.85)}}@container banner (max-width: 760px){.hh-auth__bottom{transform:scale(.77)}}@container banner (max-width: 690px){.hh-auth__bottom{transform:scale(.7)}}@container banner (max-width: 620px){.hh-auth__bottom{transform:scale(.62)}}@container banner (max-width: 550px){.hh-auth__bottom{transform:scale(.55)}}@container banner (max-width: 480px){.hh-auth__bottom{transform:scale(.48)}}@container banner (max-width: 420px){.hh-auth__bottom{transform:scale(.42)}}@media (max-width: 960px){.hh-auth{padding:0;gap:0}.hh-auth__banner{display:none}.hh-auth__panel{flex:1 1 auto;align-items:center;padding:24px}}