*{box-sizing:border-box}html{color-scheme:dark}html,body{margin:0;width:100%;min-height:100%;font-family:Arial,"Segoe UI",sans-serif;background:#010309;color:#f6f6ff}body{overflow-x:hidden}.composition{--u:min(calc(100vw / 1536),calc(100svh / 1024));min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 0 50%,#021330,transparent 60%),radial-gradient(ellipse at 100% 50%,#25050e,transparent 60%),#010309}.scene{position:relative;width:calc(1536 * var(--u));height:calc(1024 * var(--u));flex-shrink:0}.approved-art{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.login-form{position:absolute;inset:0;margin:0}.login-form h1,.intro,.login-form>label,.mobile-foot,.screen-reader-copy{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mobile-brand{display:none}.input-wrap{position:absolute;left:31.83594%;width:36.45833%;height:6.640625%;display:flex;align-items:center;gap:calc(18 * var(--u));padding:0 calc(22 * var(--u));border:1px solid #697588;border-radius:calc(11 * var(--u));background:linear-gradient(110deg,#060b17,#03060e);transition:border-color .15s,box-shadow .15s}.username-wrap{top:42.28516%}.password-wrap{top:54.19922%}.input-wrap:focus-within{border-color:#50a2ff;box-shadow:0 0 0 2px #2994ff35}.input-wrap>svg{width:calc(25 * var(--u));height:calc(27 * var(--u));flex-shrink:0;color:#d4dceb}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.input-wrap input{font-family:inherit;font-size:calc(18 * var(--u));flex:1;min-width:0;width:100%;height:100%;border:0;outline:0;color:#fff;background:none}.input-wrap input::placeholder{color:#a4acc0;opacity:1}.reveal{display:grid;place-items:center;border:0;background:none;color:#d4dceb;cursor:pointer;padding:calc(6 * var(--u));margin-right:calc(-7 * var(--u));flex-shrink:0}.reveal svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}.submit{position:absolute;top:64.0625%;left:31.83594%;width:36.45833%;height:6.25%;display:flex;align-items:center;justify-content:center;border:1px solid #478dff;border-right-color:#ff3652;border-radius:calc(11 * var(--u));background:linear-gradient(105deg,#00c7f3,#0328ff 27%,#4e0cda 55%,#d60056 83%,#ff0630);color:#fff;font:600 calc(22 * var(--u))/1 Arial,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 0 18px #274dff20}.submit span{position:absolute;right:calc(29 * var(--u));font-size:calc(29 * var(--u));font-weight:400}.submit:hover{filter:brightness(1.13)}button:focus-visible{outline:2px solid #8cceff;outline-offset:4px}.messages{position:absolute;left:31.83594%;width:36.45833%;top:35.9375%}.alert{margin:0;border:1px solid;border-radius:calc(7 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));font-size:calc(13 * var(--u));line-height:1.2}.error{background:#350813;color:#ffbdcc;border-color:#9b3451}.success{background:#06291e;color:#a7f2d0;border-color:#267a5b}@media(max-width:650px){.composition{display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 0 20%,#06256066,transparent 65%),radial-gradient(ellipse at 100% 70%,#55061955,transparent 65%),#010309;padding:35px 20px;min-height:100svh}.scene{width:100%;height:auto;max-width:430px}.approved-art{display:none}.mobile-brand{display:block;text-align:center;font-size:46px;font-weight:800;letter-spacing:-2px;margin:0 0 30px}.mobile-brand span{color:#c5ccd8;text-shadow:0 1px 1px white}.mobile-brand strong{background:linear-gradient(100deg,#00ceff,#213cff 28%,#b32beb 56%,#ff1744 88%);background-clip:text;color:transparent}.mobile-brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:400;color:#bac0d2;margin-top:13px}.login-form{position:relative;inset:auto;background:linear-gradient(135deg,#080e22,#04060e);border:1px solid #5a3c88;border-radius:18px;padding:29px 24px;box-shadow:-4px 0 18px #075dff55,4px 0 18px #e6004255}.login-form h1,.intro,.login-form>label,.mobile-foot{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}.login-form h1{font-size:25px;line-height:1.2;text-align:center;margin:0 0 12px;letter-spacing:-.7px}.intro{text-align:center;font-size:13px;line-height:1.5;color:#b4bfd2;margin:0 0 25px}.login-form>label{display:block;font-size:14px;margin:22px 0 10px}.input-wrap{position:static;width:100%;height:54px;padding:0 13px;border-radius:9px;gap:11px}.input-wrap>svg{width:20px;height:23px}.input-wrap input{font-size:14px}.reveal{padding:5px;margin:0}.reveal svg{width:21px;height:21px}.submit{position:relative;top:auto;left:auto;width:100%;height:54px;font-size:16px;border-radius:9px;margin-top:28px}.submit span{right:17px;font-size:25px}.mobile-foot{text-align:center;font-size:11px;color:#aeb4c7;margin:28px 0 0;padding-top:22px;border-top:1px solid #ffffff15}.messages{position:static;width:100%}.alert{font-size:12px;padding:10px 12px;border-radius:8px;margin-top:16px}.screen-reader-copy{position:absolute}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}