.device-login-shell{width:100%;min-width:0;box-sizing:border-box;padding:32px 16px;display:flex;justify-content:center;font-family:Inter,Arial,sans-serif}.device-login-shell .device-login-form{position:relative;overflow:hidden}.device-login-shell .device-login-form:before{content:"";position:absolute;top:0;left:28px;right:28px;height:3px;background:linear-gradient(90deg,transparent,#4d97ed,#69b4ff,#4d97ed,transparent)}.device-login-shell label{display:block;margin-top:14px;font-size:12px;color:#dce6f2;font-weight:600}.device-login-shell .device-code-field{display:flex;align-items:center;padding:0 13px;margin-top:8px}.device-login-shell .device-code-field svg{width:17px;flex-shrink:0;color:#8492a3}.device-login-shell .device-code-field input{height:100%;flex:1 1;padding:0 10px;border:0;outline:0;background:transparent;color:#fff;box-sizing:border-box}.device-login-shell .device-code-field:focus-within{border-color:#4a8cdd;box-shadow:0 0 0 3px #3b82d815}.device-login-shell .device-login-submit{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:linear-gradient(145deg,#438ce4,#2f72c5);color:white;font-weight:700;box-shadow:0 10px 25px #2363b14d}.device-login-shell .device-login-submit svg{width:17px}.device-login-shell .device-login-submit:hover:not(:disabled){background:linear-gradient(145deg,#4c98ef,#347ed7)}.device-login-shell .device-login-error{padding:12px;border:1px solid #b74740;border-radius:10px;background:#40242c;color:#ffb8b8;font-size:12px}.device-login-shell>.device-login-side{width:100%;max-width:460px;margin:0 auto;padding:0;background:transparent}.device-login-shell .device-login-form{box-sizing:border-box;width:100%!important;max-width:460px!important;margin:0!important;padding:32px!important;border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(155deg,#17273c,#111e30);color:#fff;box-shadow:0 18px 55px #172b4430}.device-login-shell .device-login-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#2e70c12b;color:#69b4ff;margin-bottom:20px}.device-login-mark svg{width:25px;height:25px}.device-login-shell h2{font-size:25px;line-height:1.22;letter-spacing:-.5px;margin:0 0 12px;color:#fff}.device-login-shell form>p{font-size:13px;line-height:1.7;color:#91a3b8;margin:0 0 24px}.device-login-email{color:#dce6f2;overflow-wrap:anywhere}.device-login-shell .device-code-field{height:56px;border:1px solid #ffffff24;background:#0b1727;border-radius:10px}.device-login-shell .device-code-field input{font-size:24px;letter-spacing:.3em;text-align:center;font-weight:700;width:100%;min-width:0}.device-login-shell .device-code-field input::placeholder{color:#566b85;opacity:1}.device-login-shell .device-login-remember{display:flex;align-items:center;gap:10px;margin:18px 0;color:#a6b7cb;font-size:12px;font-weight:500;line-height:1.5}.device-login-shell .device-login-remember input{width:17px;height:17px;flex:0 0 17px;padding:0;accent-color:#347bd7}.device-login-shell .device-login-submit{font-size:13px;margin-top:20px}.device-login-shell button{cursor:pointer}.device-login-shell button:disabled{cursor:default;opacity:.55}.device-login-actions{display:grid;justify-items:center;grid-gap:14px;gap:14px;margin-top:22px}.device-login-shell .device-login-actions button{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;padding:3px;border:0;background:none;color:#69b4ff;font:inherit;font-size:12px;box-shadow:none}.device-login-actions svg{width:14px;height:14px}.device-login-shell button:focus-visible{outline:2px solid #347bd7;outline-offset:3px}.device-login-spin{animation:device-spin 1s linear infinite}@keyframes device-spin{to{transform:rotate(1turn)}}@media(max-width:600px){.device-login-shell{padding:16px 8px}.device-login-shell .device-login-form{padding:24px 20px!important}.device-login-shell h2{font-size:23px}}