:root{--navy:#101a35;--blue:#5265e5;--blue-dark:#4053d3;--text:#172033;--muted:#748097;--line:#e1e6ef;--surface:#fff;--bg:#f6f8fc;--danger:#b83a4b}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input{font:inherit}.login-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(380px,44%) 1fr}.brand-panel{position:relative;overflow:hidden;padding:42px 54px;color:#fff;background:radial-gradient(circle at 20% 10%,#263972 0,transparent 36%),linear-gradient(145deg,#101a35 0%,#151f44 58%,#222f67 100%);display:flex;flex-direction:column}.brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.4px;width:max-content}.brand>span,.mobile-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#767aff,#42c9e9);box-shadow:0 9px 25px #0b102b80}.hero-copy{position:relative;z-index:2;margin:auto 0;max-width:540px;padding:60px 0}.eyebrow{display:flex;align-items:center;gap:10px!important;font-size:11px!important;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#aab7e4!important}.eyebrow i{display:block;width:24px;height:2px;background:#667bf1}.hero-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-3px;margin:19px 0 24px}.hero-copy h1 em{font-style:normal;color:#8090ff}.hero-copy>p{max-width:490px;margin:0;color:#b9c3df;font-size:16px;line-height:1.75}.proof{display:flex;align-items:center;gap:17px;margin-top:42px;padding-top:28px;border-top:1px solid #ffffff19}.avatars{display:flex}.avatars b{display:grid;place-items:center;width:35px;height:35px;margin-left:-7px;border:2px solid #172247;border-radius:50%;background:#5366d8;font-size:9px}.avatars b:first-child{margin-left:0;background:#49a9c5}.avatars b:nth-child(2){background:#aa6eb7}.avatars b:nth-child(3){background:#d18a55}.avatars b:last-child{background:#29375d;color:#b8c2dd}.proof>span{display:grid;gap:3px}.proof strong{font-size:12px}.proof small{font-size:10px;color:#919fbe}.brand-footer{position:relative;z-index:2;margin:0;font-size:10px;color:#7f8cae}.brand-footer span{padding:0 7px}.glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.glow-one{width:430px;height:430px;right:-240px;top:17%;border:1px solid #8696ff22;box-shadow:0 0 0 70px #8696ff0a,0 0 0 140px #8696ff08}.glow-two{width:240px;height:240px;left:-150px;bottom:-110px;background:#3e5be01c}.form-panel{display:grid;place-items:center;padding:48px;background:radial-gradient(circle at 85% 15%,#e9edff 0,transparent 25%),var(--bg)}.login-card{width:min(100%,430px)}.mobile-brand{display:none}.heading>p{margin:0 0 12px;color:var(--blue);font-size:10px;letter-spacing:1.4px;font-weight:800}.heading h2{margin:0;font-size:34px;line-height:1.15;letter-spacing:-1px}.heading>span{display:block;margin:11px 0 32px;color:var(--muted);font-size:13px}.alert{display:flex;align-items:center;gap:10px;margin:-14px 0 20px;padding:12px 14px;color:var(--danger);background:#fff1f3;border:1px solid #f5ced4;border-radius:10px;font-size:12px}.alert b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fbdde2}form>label,.password-row label{display:block;margin:0 0 8px;font-size:11px;font-weight:700}.field{height:49px;display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:#7584ec;box-shadow:0 0 0 4px #5265e514}.field>span{color:#8793a8;font-size:14px}.field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.field input::placeholder{color:#a8b1c1}.password-row{display:flex;align-items:center;justify-content:space-between}.password-row a{margin-bottom:8px;color:var(--blue);text-decoration:none;font-size:10px;font-weight:700}.toggle-password{width:30px;height:30px;border:0;background:transparent;color:#8490a5;cursor:pointer}.remember{display:flex!important;align-items:center;gap:9px;margin:-2px 0 22px!important;color:#606c81;font-weight:500!important;cursor:pointer}.remember input{width:16px;height:16px;margin:0;accent-color:var(--blue)}.submit{width:100%;height:50px;padding:0 17px;display:flex;align-items:center;justify-content:center;position:relative;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:750;font-size:12px;cursor:pointer;box-shadow:0 10px 24px #5265e52c;transition:transform .2s,background .2s}.submit:hover{background:var(--blue-dark);transform:translateY(-1px)}.submit:focus-visible,.toggle-password:focus-visible,a:focus-visible{outline:3px solid #91a0ff;outline-offset:3px}.submit b{position:absolute;right:18px;font-size:18px}.support{text-align:center;margin-top:25px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:#566277}.support span{color:#8a95a8}.security{text-align:center;margin:29px 0 0;color:#929cac;font-size:9px}.security b{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:4px;border-radius:50%;background:#e7f7f1;color:#1c9b71}@media(max-width:900px){.login-shell{grid-template-columns:41% 1fr}.brand-panel{padding:34px}.hero-copy h1{font-size:44px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.form-panel{padding:35px}}@media(max-width:720px){.login-shell{display:block;background:var(--bg)}.brand-panel{display:none}.form-panel{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:28px 22px}.mobile-brand{display:flex;align-items:center;gap:10px;margin:0 auto 42px;font-size:20px;font-weight:800}.mobile-brand>span{width:34px;height:34px;color:#fff}.heading h2{font-size:30px}.heading{text-align:center}.login-card{margin:0 auto}.support{line-height:1.6}}@media(max-width:380px){.form-panel{padding:22px 16px}.mobile-brand{margin-bottom:30px}.heading>span{margin-bottom:25px}}