:root{font-family:Arial,"Segoe UI",sans-serif;color:#17185b;background:#eef4ff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding:52px 20px 28px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 38%,#fff 10%,#eef4ff 75%)}.login-stack{width:320px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.login-art{display:block;width:190px;height:auto;max-width:100%;border-radius:12px;box-shadow:0 10px 30px #233f682b}.login-form{width:100%;padding:22px;background:#fff;border:1px solid #d9e5fa;border-radius:14px;box-shadow:0 12px 35px #29477912}label{display:block;font-size:12px;margin-bottom:7px}input{width:100%;height:40px;padding:0 12px;margin-bottom:15px;border:1px solid #d9e5fa;border-radius:7px;background:#fbfdff;color:#17185b;font-size:14px}input:focus{outline:2px solid #83b7ff;outline-offset:1px}.login-actions{display:flex;gap:10px;margin-top:5px}button{flex:1;height:39px;border:1px solid #d9e5fa;border-radius:7px;background:#fff;color:#17185b;font-size:13px;cursor:pointer}button[type=submit]{background:#0764f8;border-color:#0764f8;color:#fff}button[type=submit]:hover{background:#0053df}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:2px solid #83b7ff;outline-offset:2px}.login-error{font-size:12px;color:#c13250;line-height:1.5;margin:0 0 12px}@media(max-height:700px){body{padding:24px 16px}.login-art{width:145px}.login-stack{gap:14px}}@media(pointer:coarse){input{font-size:16px}button{min-height:44px}}

.login-card{position:relative;width:100%}.pin-locked .login-form{visibility:hidden}.login-pin{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px;background:#fff;border:1px solid #d9e5fa;border-radius:14px;box-shadow:0 12px 35px #29477912}.login-pin[hidden]{display:none}.login-pin h1{font-size:18px;font-weight:500;margin:0 0 12px}.login-pin>p{font-size:12px;text-align:center;line-height:1.5;color:#8792ad;margin:0 0 18px}.login-pin-digits{display:flex;gap:10px;justify-content:center;width:100%}.login-pin-digits input{width:48px;min-width:0;height:56px;border-radius:14px;margin:0;text-align:center;padding:0;font-size:25px;background:#fbfdff;border:1px solid #d9e5fa;box-shadow:0 2px 7px #29477909}.login-pin .login-pin-error{color:#c13250;margin:15px 0 0;font-size:12px}

.login-pin-digits{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 44px)}.login-pin .login-pin-error{position:absolute;left:22px;right:22px;top:calc(50% + 42px);margin:0}