:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#eef2fb;background:#0c101a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #83aaff;outline-offset:4px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr}.intro{position:relative;overflow:hidden;padding:44px 9%;display:flex;flex-direction:column;border-right:1px solid #ffffff0e;background:radial-gradient(ellipse at 20% 0%,#233c7059,transparent 65%),radial-gradient(ellipse at 100% 90%,#214c4533,transparent 55%),#111724}.intro:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(black,transparent)}.intro>*{position:relative}.brand{display:flex;gap:9px;align-items:center;color:#f3f6ff;font-size:19px;font-weight:700;text-decoration:none;letter-spacing:-.4px}.brand>span:last-child{font-weight:400;color:#8a98b3}.brand-icon{display:grid;place-items:center;background:#729af8;color:#111b30;width:36px;height:36px;border-radius:10px;font-size:27px;margin-right:3px;line-height:1}.intro-content{margin:auto 0;padding:60px 0;max-width:510px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:700;color:#9cabca}.eyebrow i,.dot{width:6px;height:6px;border-radius:50%;background:#8dabfd;display:inline-block;box-shadow:0 0 12px #698fee66}h1{font-size:clamp(36px,3.4vw,56px);font-weight:600;line-height:1.2;letter-spacing:-1.8px;margin:23px 0}h1 em{font-style:normal;color:#9bb7ff}.description{font-size:14px;color:#99a7bf;line-height:1.9;margin:0}.flow{position:relative;margin-top:40px;max-width:425px;display:grid;gap:12px}.flow-line{position:absolute;width:1px;top:20px;bottom:20px;left:34px;background:#485d82}.flow-card{display:flex;align-items:center;gap:14px;position:relative;border:1px solid #ffffff0c;border-radius:13px;background:#171f2ded;padding:14px 17px;box-shadow:0 6px 20px #0000000a}.flow-card.middle{margin-left:22px;border-color:#6285d24a;background:#1c2a41}.flow-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#293852;color:#acc5ff;font-size:20px}.flow-icon.green{background:#223b38;color:#89c9b2}.flow-card small{display:block;font-size:8px;letter-spacing:1.5px;color:#8191af;margin-bottom:6px}.flow-card strong{font-size:12px;font-weight:500}.tag{margin-left:auto;font-size:9px;white-space:nowrap;padding:5px 7px;border-radius:5px}.pending{color:#e0c07b;background:#4e40272e}.done{color:#94d4b6;background:#315c403a}.signal{margin-left:auto;display:flex;gap:3px;align-items:center}.signal i{height:6px;width:3px;border-radius:3px;background:#9ab9ff}.signal i:nth-child(2){height:14px}.signal i:nth-child(3){height:10px}.intro-footer{display:flex;align-items:center;gap:9px;color:#74829d;font-size:11px}.form-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:70px 11% 30px;position:relative;min-width:0}.form-wrap{width:100%;max-width:380px;margin:auto 0;padding:45px 0}.access-label{font-size:9px;letter-spacing:2px;font-weight:600;color:#8f9bb6;display:flex;align-items:center;gap:10px}.access-label span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff15;border-radius:10px;font-size:18px;color:#a0b6e4}h2{font-size:29px;font-weight:600;letter-spacing:-1px;margin:25px 0 10px;line-height:1.3}h2 span{color:#87aaff}.form-description{font-size:13px;color:#8792a8;line-height:1.6;margin:0 0 34px}label{display:block;font-size:12px;font-weight:500;color:#c0c9db;margin:21px 0 9px}.field{display:flex;align-items:center;gap:12px;border:1px solid #2c3445;background:#141925;border-radius:9px;padding:0 14px;height:49px;transition:border-color .15s,box-shadow .15s}.field:focus-within{border-color:#7c9ded;box-shadow:0 0 0 3px #7c9ded12}.field>span{color:#7889a7;font-size:20px}.field input{min-width:0;width:100%;background:transparent;outline:none;border:0;font-size:13px;color:#edf2fc;height:100%}.field input::placeholder{color:#626e86}.field button{border:0;background:none;color:#8b9bb8;font-size:10px;padding:8px 0}.submit{width:100%;height:49px;border:1px solid #96b1ff;border-radius:9px;background:#88a7fa;color:#101b32;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:0 17px;transition:background .15s}.submit:hover{background:#a4bcff}.submit:disabled{opacity:.6;cursor:wait}.submit span:last-child{font-size:20px}#login-error{min-height:35px;padding:8px 0;color:#f2959b;font-size:12px;line-height:1.5}.shared-note{display:flex;align-items:center;gap:13px;margin-top:29px;border-top:1px solid #ffffff0b;padding-top:22px;color:#6f7c94}.shared-note>span{font-size:23px;color:#778bad}.shared-note p{font-size:11px;line-height:1.8;margin:0}.form-side footer{font-size:8px;letter-spacing:1.5px;color:#5c6880;width:100%;max-width:380px;display:flex;justify-content:space-between;gap:12px}.form-side footer span{font-size:9px;letter-spacing:0}@media(min-width:1500px){.intro{padding-left:14%;padding-right:12%}}@media(max-width:950px){.intro{padding:35px 8%}.intro-content{padding:50px 0}.description br{display:none}.flow-card{padding:13px 10px;gap:9px}.tag{display:none}.form-side{padding:45px 9% 25px}h2{font-size:26px}}@media(max-width:700px){.login-shell{display:block}.intro{padding:26px 7%;border-right:0;border-bottom:1px solid #ffffff0c}.intro-content,.intro-footer{display:none}.form-side{padding:15px 7% 30px;min-height:calc(100svh - 89px)}.form-wrap{padding:35px 0 45px}h2{font-size:29px}.form-side footer{font-size:8px}.brand{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}