.zutto-login-page{isolation:isolate;color:#effaff;background-color:#03162d;background-image:url(/images/ocean-background.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100dvh;padding:50px 20px;font-family:Zen Maru Gothic,sans-serif;display:flex;position:relative;overflow:hidden}.zutto-login-page *,.zutto-login-page :before,.zutto-login-page :after{box-sizing:border-box}.zutto-login-overlay{z-index:-1;background:linear-gradient(#000f280a,#00153326 30%,#000c2261 65%,#000c2014);position:absolute;inset:0}.zutto-login-content{z-index:2;flex-direction:column;align-items:center;gap:38px;width:min(100%,560px);animation:1.2s both zutto-login-appear;display:flex;position:relative}.zutto-login-intro{text-align:center;text-shadow:0 2px 18px #00102866}.zutto-login-wave{color:#a2e6fa;opacity:.85;width:170px;height:36px;margin:0 auto 25px;display:block}.zutto-login-intro h1{letter-spacing:.17em;color:#f2fbff;margin:0;font-size:clamp(25px,5vw,39px);font-weight:400;line-height:1.7}.zutto-login-intro p{letter-spacing:.15em;color:#d6edf9;margin:18px 0 0;font-size:clamp(12px,2.5vw,15px);line-height:2}.zutto-login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#a7dcf945,#195e942e 45%,#62b5e730);border:1px solid #d0f3ffb8;border-radius:24px;flex-direction:column;gap:18px;width:100%;padding:48px 42px 45px;display:flex;position:relative;box-shadow:0 0 28px #60c6ff38,inset 0 1px 12px #def7ff40,0 20px 70px #000a2447}.zutto-login-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff1f,#0000 45%,#ffffff0a);position:absolute;inset:0}.zutto-login-card label{letter-spacing:.13em;color:#f0faff;font-size:16px;position:relative}.zutto-login-input-wrap{background:#0b305759;border:1px solid #cfedffa6;border-radius:13px;align-items:center;min-height:62px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.zutto-login-input-wrap:focus-within{border-color:#b9f3ff;box-shadow:0 0 0 3px #94deff2e}.zutto-login-key{color:#d1efff;opacity:.85;flex-shrink:0;padding-left:22px;font-size:23px}.zutto-login-input-wrap input{color:#fff;letter-spacing:.1em;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:19px 17px;font-family:inherit;font-size:15px}.zutto-login-input-wrap input::placeholder{color:#e2f3ffb3;letter-spacing:.08em}.zutto-login-card button{cursor:pointer;color:#063757;letter-spacing:.15em;background-color:#7bd6f2;background-image:linear-gradient(#ffffff1f,#0475b31a),url(/images/water-button.jpg);background-position:50%;background-size:cover;border:1px solid #dcfaffe6;border-radius:999px;justify-content:center;align-items:center;gap:24px;width:100%;min-height:67px;margin-top:10px;padding:14px 24px;font-family:inherit;font-size:20px;font-weight:600;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 0 22px #60d8ff59,inset 0 2px 8px #ffffff80}.zutto-login-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 34px #7de6ffa6}.zutto-login-card button:disabled{cursor:wait;opacity:.65}.zutto-login-error{color:#ffe0e5;background:#4b12238c;border:1px solid #ffc2c280;border-radius:10px;margin:0;padding:12px 14px;font-family:sans-serif;font-size:13px;line-height:1.6}.zutto-login-bubbles{z-index:1;pointer-events:none;position:absolute;inset:0}.zutto-login-bubbles span{background:radial-gradient(circle at 30% 25%,#ffffff59,#5ac6f50d 60%,#0000);border:1px solid #c5efff99;border-radius:50%;width:14px;height:14px;animation:15s linear infinite zutto-bubble-rise;position:absolute;bottom:-60px;box-shadow:inset -2px -2px 5px #82e1ff33}.zutto-login-bubbles span:first-child{animation-delay:-2s;left:8%}.zutto-login-bubbles span:nth-child(2){width:8px;height:8px;animation-delay:-9s;left:16%}.zutto-login-bubbles span:nth-child(3){width:19px;height:19px;animation-delay:-5s;left:24%}.zutto-login-bubbles span:nth-child(4){animation-delay:-12s;left:78%}.zutto-login-bubbles span:nth-child(5){width:9px;height:9px;animation-delay:-3s;left:87%}.zutto-login-bubbles span:nth-child(6){width:23px;height:23px;animation-delay:-7s;left:94%}.zutto-login-bubbles span:nth-child(7){width:6px;height:6px;animation-delay:-13s;left:12%}.zutto-login-bubbles span:nth-child(8){width:17px;height:17px;animation-delay:-1s;left:83%}.zutto-login-bubbles span:nth-child(9){animation-delay:-11s;left:5%}.zutto-login-bubbles span:nth-child(10){width:7px;height:7px;animation-delay:-6s;left:91%}.zutto-login-bubbles span:nth-child(11){width:5px;height:5px;animation-delay:-8s;left:30%}.zutto-login-bubbles span:nth-child(12){width:11px;height:11px;animation-delay:-4s;left:72%}@keyframes zutto-bubble-rise{0%{opacity:0;transform:translateY(0)translate(0)}15%{opacity:.8}85%{opacity:.7}to{opacity:0;transform:translateY(-115vh)translate(25px)}}@keyframes zutto-login-appear{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.zutto-login-page{background-position:50%;padding:30px 20px}.zutto-login-content{gap:30px}.zutto-login-wave{width:140px;margin-bottom:18px}.zutto-login-intro h1{letter-spacing:.1em;font-size:26px}.zutto-login-intro p{letter-spacing:.08em;font-size:12px}.zutto-login-card{border-radius:20px;padding:34px 23px}.zutto-login-card button{min-height:60px;font-size:17px}}@media (prefers-reduced-motion:reduce){.zutto-login-bubbles span,.zutto-login-content{animation:none}}@media (min-width:601px){.zutto-login-page{background-position:top}}.zutto-login-card button{color:#e9f8ff;background-color:#367caa;background-image:linear-gradient(#092e557a,#08305b94),url(/images/water-button.jpg);border-color:#b4e1f5a6;box-shadow:0 0 13px #53b0e233,inset 0 1px 5px #fff3}.zutto-login-card button:hover:not(:disabled){box-shadow:0 0 20px #64c3f059,inset 0 1px 8px #ffffff40}.zutto-login-input-wrap input{font-size:16px}@media (max-width:600px){.zutto-login-page{min-height:100svh;padding:32px 16px}.zutto-login-content{gap:26px}.zutto-login-card{padding:30px 22px}}