.login-shell{position:relative;width:min(100%,430px);min-height:100dvh;overflow:hidden;border:0;background:#fff}
.login-shell>.site-header,.login-shell>.dev-panel{display:none}
.guitto-login{position:relative;min-height:100dvh;padding:clamp(118px,20vh,168px) 32px 32px;overflow:hidden;background:#fff}
.login-wave{position:absolute;top:-18%;left:-24%;width:150%;height:42%;border-radius:0 0 52% 42%;background:linear-gradient(145deg,#ffe9f0,#fff4f7 72%,#fff);transform:rotate(-5deg);pointer-events:none}
.login-brand{position:relative;text-align:center}
.login-brand strong{display:block;color:#f43d70;font-family:"Arial Rounded MT Bold","Hiragino Maru Gothic ProN",ui-rounded,sans-serif;font-size:clamp(54px,16vw,68px);font-weight:800;line-height:1;letter-spacing:-.075em}
.login-brand p{margin:14px 0 0;color:#76727a;font-size:clamp(15px,4.2vw,17px);font-weight:600;letter-spacing:.08em}
.login-form,.guitto-login .server-form{position:relative;display:grid;gap:0;margin-top:clamp(66px,10vh,86px)}
.login-environment{margin:0 0 17px;color:#8e8992;font-size:12px;font-weight:650;text-align:center}
.login-form label,.guitto-login .server-form label{color:#55525a;font-size:15px;font-weight:700}
.login-form select,.guitto-login .server-form select{height:58px;margin-top:9px;padding:0 17px;border:1px solid #e3dfe3;border-radius:17px;color:#30303a;background:#fff;font-size:15px;box-shadow:0 4px 18px rgba(55,45,50,.025)}
.login-form select:focus,.guitto-login .server-form select:focus{outline:3px solid #ffd4e0;border-color:#f25a82}
.login-error{margin:9px 2px 0;color:#d93664;font-size:12px;font-weight:600}
.login-primary{height:58px;margin-top:24px;border:0;border-radius:29px;color:#fff;background:linear-gradient(100deg,#f82f69,#f33d70);box-shadow:0 9px 24px rgba(243,52,104,.18);font-size:16px;font-weight:800;cursor:pointer}
.login-provider-note{position:relative;margin:22px 0 0;color:#a19ca4;font-size:11px;line-height:1.6;text-align:center}
@media(max-width:380px){.guitto-login{padding-inline:25px}}