*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#071437;font-family:Inter,Arial,sans-serif}.login-shell{display:grid;grid-template-columns:minmax(420px,44%) 1fr;min-height:100vh}.login-brand-panel{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:34px 46px;color:#fff;background:radial-gradient(circle at 78% 22%,rgba(27,132,255,.25),transparent 34%),linear-gradient(145deg,#071437,#101c38 63%,#0b1630)}.login-brand-panel:after{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}.login-brand,.brand-message,.node-status{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:12px}.login-brand>span,.mobile-logo>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#1b84ff;color:#fff;font-size:21px;font-weight:900}.login-brand div{display:flex;flex-direction:column}.login-brand b{font-size:18px}.login-brand small{color:#92a4c7;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.brand-message{max-width:510px;margin:auto 0}.eyebrow{font-size:10px;color:#8ba2c9;letter-spacing:.14em}.eyebrow i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#17c653;box-shadow:0 0 0 6px rgba(23,198,83,.1)}.brand-message h1{margin:20px 0 14px;font-size:46px;line-height:1.08;letter-spacing:-.04em}.brand-message h1 em{color:#4ca2ff;font-style:normal}.brand-message>p{max-width:460px;margin:0 0 34px;color:#a7b6d3;font-size:14px;line-height:1.7}.brand-features{display:grid;gap:17px}.brand-features>div{display:flex;align-items:center;gap:13px}.brand-features i{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.07);color:#4ca2ff;font-size:19px}.brand-features span{display:flex;flex-direction:column}.brand-features b{font-size:12px}.brand-features small{margin-top:2px;color:#8295b9;font-size:10px}.node-status{display:flex;align-items:center;gap:10px}.node-status>span{width:8px;height:8px;border-radius:50%;background:#17c653;box-shadow:0 0 0 5px rgba(23,198,83,.12)}.node-status div{display:flex;flex-direction:column}.node-status b{font-size:10px}.node-status small{color:#7185aa;font-size:9px}
.login-form-panel{display:grid;place-items:center;padding:35px}.login-card{width:min(410px,100%)}.mobile-logo{display:none}.login-heading small{font-size:9px;font-weight:700;letter-spacing:.13em;color:#1b84ff}.login-heading h2{margin:9px 0 7px;font-size:29px;letter-spacing:-.03em}.login-heading p{margin:0 0 28px;color:#78829d;font-size:12px}.login-card form>label{display:block;margin:15px 0 7px;color:#4b5675;font-size:10px;font-weight:700}.field{display:flex;align-items:center;height:46px;border:1px solid #dbdfe9;border-radius:9px;background:#fff;transition:.2s}.field:focus-within{border-color:#1b84ff;box-shadow:0 0 0 3px rgba(27,132,255,.1)}.field>i{margin-left:14px;color:#99a1b7;font-size:17px}.field input{min-width:0;flex:1;border:0;outline:0;padding:0 12px;background:transparent;color:#071437;font-size:12px}.field button{height:100%;border:0;background:transparent;padding:0 14px;color:#99a1b7}.login-options{display:flex;align-items:center;justify-content:space-between;margin:14px 0 22px}.remember{display:flex;align-items:center;gap:7px;color:#78829d;font-size:10px;cursor:pointer}.remember input{display:none}.remember span{position:relative;width:16px;height:16px;border:1px solid #dbdfe9;border-radius:4px;background:#fff}.remember input:checked+span{border-color:#1b84ff;background:#1b84ff}.remember input:checked+span:after{content:"✓";position:absolute;inset:-1px;display:grid;place-items:center;color:#fff;font-size:10px}.login-options button{border:0;background:transparent;color:#1b84ff;font-size:10px}.login-error{display:none;align-items:center;gap:8px;margin:-8px 0 14px;padding:9px 11px;border-radius:7px;background:#fff1f2;color:#f1416c;font-size:10px}.login-error.visible{display:flex}.login-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border:0;border-radius:9px;background:#1b84ff;color:#fff;font-size:11px;font-weight:700;box-shadow:0 7px 18px rgba(27,132,255,.25);transition:.2s}.login-button:hover{background:#056ee9;transform:translateY(-1px)}.login-button.loading i{animation:spin .7s linear infinite}.login-button.loading i:before{content:"\e9d0"}@keyframes spin{to{transform:rotate(360deg)}}.demo-access{display:flex;gap:10px;margin-top:20px;padding:11px;border:1px dashed #cdd8e8;border-radius:8px;background:#f8fbff;color:#1b84ff}.demo-access>i{font-size:17px}.demo-access div{display:flex;flex-direction:column}.demo-access b{color:#4b5675;font-size:10px}.demo-access small{margin-top:2px;color:#78829d;font-size:9px}.login-card footer{display:flex;justify-content:center;gap:17px;margin-top:32px;color:#99a1b7;font-size:9px}.login-toast{position:fixed;right:20px;bottom:20px;display:none;padding:11px 14px;border-radius:8px;background:#071437;color:#fff;font-size:10px;box-shadow:0 8px 28px rgba(7,20,55,.22)}.login-toast.visible{display:block;animation:fadeToast 2.8s both}@keyframes fadeToast{0%{opacity:0;transform:translateY(7px)}10%,80%{opacity:1;transform:none}100%{opacity:0}}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}.mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:35px}.mobile-logo b{font-size:16px}}@media(max-width:460px){.login-form-panel{padding:25px}.login-card footer{gap:10px}.demo-access small{line-height:1.5}}