.login-zen{--page:#272537;--band:#1c1932;--card:#322f46;--line:#454162;--field:#454162;--btn:#1e1b33;--pink:#f596e8;--cyan:#6dcee4;--txt:#fff;--ph:#b3b1c4;--bldg-w:1689px;--bldg-h:1100px;color:var(--txt);font-family:var(--font-ubuntu), sans-serif;background:url(/img/background.png) right bottom / var(--bldg-w) var(--bldg-h) no-repeat, var(--page);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.login-zen *{box-sizing:border-box;margin:0;padding:0}.login-zen .flash{z-index:50;color:#fff;background:#b3324b;border-radius:10px;max-width:90vw;padding:12px 22px;font-size:15px;font-weight:700;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.login-zen .band-top{background:url(/img/header-bg.png) 50%/cover no-repeat;flex:none;width:100%;height:clamp(72px,11vh,122px);position:relative}.login-zen .band-top:after{content:"";background:#1c1932cc;position:absolute;inset:0}.login-zen .band-top .logo{z-index:2;width:auto;height:80%;position:absolute;top:50%;left:clamp(20px,5vw,102px);transform:translateY(-50%)}.login-zen .stage-area{flex:auto;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.login-zen .card{z-index:4;background:var(--card);border:3px solid var(--line);transform-origin:50%;border-radius:10px;flex:none;width:796px;height:545px;position:relative;overflow:hidden}.login-zen .card-head{background:var(--line);width:796px;height:92px;position:absolute;top:0;left:0}.login-zen .card-head .ico-hotel{object-fit:contain;width:40px;height:50px;position:absolute;top:21px;left:45px}.login-zen .card-head h1{width:796px;height:92px;color:var(--txt);justify-content:center;align-items:center;font-size:37px;font-weight:700;display:flex;position:absolute;top:0;left:0}.login-zen .lbl{color:var(--txt);white-space:nowrap;font-size:19px;font-weight:700;position:absolute;left:51px}.login-zen #lbl-user{top:130px}.login-zen #lbl-pwd{top:268px}.login-zen .field{background:var(--field);border-radius:14px;width:694px;height:70px;position:absolute;left:51px}.login-zen #f-user{top:169px}.login-zen #f-pwd{top:299px}.login-zen .field .ico{object-fit:contain;width:40px;position:absolute;top:50%;left:19px;transform:translateY(-50%)}.login-zen .field input{height:70px;color:var(--txt);font-family:var(--font-ubuntu), sans-serif;background:0 0;border:none;outline:none;font-size:19px;font-weight:700;position:absolute;top:0;left:66px}.login-zen #f-user input{right:30px}.login-zen #f-pwd input{right:74px}.login-zen .field input::placeholder{color:var(--ph);font-weight:700}.login-zen .eye{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.login-zen .eye img{filter:brightness(0)invert();width:26px;height:26px}.login-zen .submit{cursor:pointer;background:var(--btn);border:2px solid var(--line);width:694px;height:70px;color:var(--txt);font-family:var(--font-ubuntu), sans-serif;border-radius:14px;font-size:30px;font-weight:700;transition:filter .15s;position:absolute;top:415px;left:51px}.login-zen .submit:hover{filter:brightness(1.25)}.login-zen .submit:disabled{opacity:.6;cursor:default}.login-zen .l-links{justify-content:space-between;gap:12px;width:694px;font-size:18px;font-weight:700;display:flex;position:absolute;top:503px;left:51px}.login-zen .l-links a{color:var(--cyan);text-decoration:none}.login-zen .l-links a:hover{text-underline-offset:3px;text-decoration:underline}.login-zen .band-bottom{z-index:5;background:#1c1932db;flex:none;align-items:center;gap:clamp(16px,2vw,40px);width:100%;min-height:84px;padding:12px clamp(20px,5vw,102px);display:flex;position:relative}.login-zen .band-bottom .logo-zen{flex:none;width:68px;height:auto}.login-zen .copyright{font-family:var(--font-inter), sans-serif;color:var(--txt);flex:auto;font-size:clamp(12px,.85vw,15px);font-weight:400;line-height:1.3}.login-zen .copyright b{font-weight:700}.login-zen .copyright .heart{color:#e15b7a}.login-zen .links{font-family:var(--font-quicksand), sans-serif;color:var(--txt);white-space:nowrap;text-align:right;flex:none;font-size:clamp(13px,.95vw,18px);font-weight:700}.login-zen .links a{color:var(--txt);text-underline-offset:3px;text-decoration:underline}.login-zen .links .sep{margin:0 8px;text-decoration:none}@media (max-width:720px){.login-zen .band-bottom{text-align:left;flex-direction:column;align-items:flex-start;gap:12px}.login-zen .links{text-align:left;white-space:normal}.login-zen{height:auto;min-height:100vh;position:relative;overflow-y:auto}.login-zen .stage-area{align-items:flex-start;padding:20px 16px;overflow:visible}.login-zen .card{width:100%;max-width:440px;height:auto;padding:0 18px 24px;position:static;transform:none!important}.login-zen .card-head{align-items:center;gap:10px;width:auto;height:auto;margin:0 -18px 22px;padding:16px 18px;display:flex;position:static}.login-zen .card-head .ico-hotel{width:30px;height:38px;position:static}.login-zen .card-head h1{text-align:left;justify-content:flex-start;width:auto;height:auto;font-size:19px;display:block;position:static}.login-zen .lbl{white-space:normal;margin-bottom:8px;font-size:16px;display:block;position:static;top:auto;left:auto}.login-zen .field{width:100%;margin-bottom:18px;position:relative;top:auto;left:auto}.login-zen #f-user,.login-zen #f-pwd{top:auto}.login-zen .submit{width:100%;height:60px;margin-top:2px;font-size:22px;position:static;top:auto;left:auto}.login-zen .l-links{flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-top:18px;font-size:15px;position:static;top:auto;left:auto}}