.hlogin-page{background:linear-gradient(158deg,#4fb6a2 0%,#a9ddd0 46%,#eaf7f2 100%);justify-content:center;align-items:center;min-height:100dvh;padding:48px 20px 90px;display:flex}.hlogin-shell{width:min(500px,100%);position:relative}.hlogin-card{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe0;border-radius:22px;padding:44px 48px 40px;position:relative;box-shadow:0 24px 60px #005a4633}.hlogin-logo{margin-bottom:22px;font-weight:800;line-height:1.02}.hlogin-logo span{display:block}.hlogin-logo .l-hana{color:#009d7d;font-size:16px}.hlogin-logo .l-power{color:#e2483a;font-size:22px}.hlogin-logo .l-store{color:#009d7d;letter-spacing:.06em;font-size:11px}.hlogin-title{text-align:center;color:#0d7a61;margin-bottom:26px;font-size:22px;font-weight:800;line-height:1.45}.hlogin-title .red{color:#e2483a}.hlogin-subhead{color:#137a62;margin-bottom:18px;font-size:15px;font-weight:800;line-height:1.55}.hlogin-field{margin-bottom:11px}.hlogin-input{width:100%;font:inherit;color:#20242c;background:#eef1f0;border:1.5px solid #0000;border-radius:8px;padding:15px 16px;font-size:15px;transition:border-color .15s,background .15s}.hlogin-input:focus{background:#fff;border-color:#009d7d;outline:none}.hlogin-help{text-align:right;color:#8a8f8c;margin:7px 2px 0;font-size:12.5px}.hlogin-submit{color:#fff;cursor:pointer;background:#008d70;border:none;border-radius:8px;width:100%;margin-top:18px;padding:15px;font-size:15px;font-weight:700;transition:background .15s}.hlogin-submit:hover{background:#00745c}.hlogin-submit:disabled{opacity:.55;cursor:not-allowed}.hlogin-error{color:#c0392b;background:#fdecea;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13.5px}.hlogin-mascot{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:160px;height:auto;position:absolute;bottom:-10px}.hlogin-mascot.left{left:-142px}.hlogin-mascot.right{width:168px;right:-150px}@media (max-width:720px){.hlogin-card{padding:32px 24px 30px}.hlogin-mascot{width:108px}.hlogin-mascot.left{left:-78px}.hlogin-mascot.right{width:112px;right:-82px}}