@charset "utf-8";
@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:400 800;src:url("../fonts/NotoSansTC-VariableFont_wght.ttf") format("opentype")}
:root{--navy:#092d52;--blue:#126f9f;--teal:#159caf;--line:#d8e7ed;--muted:#6d8495}
*{box-sizing:border-box}body{min-height:100vh;margin:0;background:#edf5f8;color:var(--navy);font-family:"Noto Sans TC",sans-serif}.provider-login-alerts{position:fixed;top:1rem;right:1rem;z-index:20;width:min(28rem,calc(100vw - 2rem))}
.provider-login-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(26rem,.95fr);width:min(70rem,calc(100% - 2rem));min-height:42rem;margin:clamp(1rem,5vh,4rem) auto;overflow:hidden;border:1px solid rgba(20,104,142,.12);border-radius:1.4rem;background:#fff;box-shadow:0 28px 80px rgba(18,61,88,.13)}
.provider-login-intro{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:2.5rem;background:linear-gradient(145deg,#082e54 0%,#106e94 58%,#18a0aa 100%);color:#fff}.provider-login-intro:after{position:absolute;right:-7rem;bottom:-8rem;width:22rem;height:22rem;border:3rem solid rgba(255,255,255,.05);border-radius:50%;content:""}.provider-login-brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none}.provider-login-brand>span{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.72rem;background:#fff;color:#1595aa;font-size:1.2rem}.provider-login-brand b,.provider-login-brand small{display:block}.provider-login-brand b{font-size:1rem}.provider-login-brand small{margin-top:.08rem;color:rgba(255,255,255,.7);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.provider-login-copy{position:relative;z-index:1;margin:auto 0}.login-eyebrow{display:block;color:#76d9df;font-size:.63rem;font-weight:800;letter-spacing:.16em}.provider-login-copy h1{max-width:29rem;margin:.65rem 0 1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.12}.provider-login-copy p{max-width:31rem;margin:0;color:rgba(255,255,255,.78);font-size:.88rem;line-height:1.75}.provider-login-copy ul{display:grid;gap:.7rem;margin:1.6rem 0 0;padding:0;list-style:none}.provider-login-copy li{display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.9);font-size:.75rem}.provider-login-copy li i{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:rgba(255,255,255,.14);color:#a7f0e9}.provider-login-foot{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.65);font-size:.66rem}
.provider-login-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:3rem}.provider-login-form{width:min(100%,23rem)}.provider-login-form>.login-eyebrow{color:var(--teal)}.provider-login-form h2{margin:.4rem 0 .25rem;font-size:1.65rem}.provider-login-form>p{margin:0 0 1.8rem;color:var(--muted);font-size:.76rem}.provider-login-form label{display:block;margin-bottom:1rem}.provider-login-form label>span{display:block;margin-bottom:.38rem;color:#536e82;font-size:.67rem;font-weight:750}.provider-login-form label>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:3rem;padding:0 .8rem;border:1px solid var(--line);border-radius:.65rem;background:#f9fbfc;color:#7e93a2;transition:.16s}.provider-login-form label>div:focus-within{border-color:#75bfcd;background:#fff;box-shadow:0 0 0 .2rem rgba(20,152,173,.1)}.provider-login-form input{min-width:0;border:0;outline:0;background:transparent;color:#213f57;font:inherit;font-size:.78rem}.provider-login-form label button{border:0;background:transparent;color:#7b91a0}.provider-login-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:3rem;margin-top:.45rem;border:0;border-radius:.65rem;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-size:.76rem;font-weight:750;box-shadow:0 9px 20px rgba(19,118,153,.2)}.provider-login-submit:hover{filter:brightness(.96)}.provider-login-help{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;color:#8396a4;font-size:.64rem}.provider-login-help a{color:var(--blue);font-weight:700}.staff-login-link{margin-top:2rem;color:#79909f;font-size:.64rem;text-decoration:none}.staff-login-link:hover{color:var(--blue)}
@media(max-width:820px){.provider-login-shell{grid-template-columns:1fr;margin:1rem auto}.provider-login-intro{min-height:23rem;padding:2rem}.provider-login-copy{margin:3rem 0}.provider-login-copy h1{font-size:2rem}.provider-login-panel{padding:2.5rem 1.5rem}}@media(max-width:480px){.provider-login-intro{display:none}.provider-login-shell{min-height:calc(100vh - 2rem)}.provider-login-panel{padding:2rem 1.25rem}}