@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f3f3f6;color:#252631;font:14px 'DM Sans',sans-serif;--accent:#22252b;--soft:#eef0f3;--on:#fff;--glow:#8a8f9d}body[data-profile="B"]{--accent:#ed1c24;--soft:#fff0f0;--glow:#ed1c24}body[data-profile="C"]{--accent:#a2006a;--soft:#fff0f8;--glow:#a2006a}body[data-profile="ADMIN"]{--accent:#6252da;--soft:#f0eefc;--glow:#8c79f6}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.12fr 1fr}.story{background:#14161d;position:relative;overflow:hidden;padding:52px 9%;display:flex;flex-direction:column;color:#fff;min-height:720px}.product{z-index:1;width:max-content}.product img{width:143px;filter:none}.story-body{margin:auto 0;position:relative;z-index:1;padding:70px 0}.overline{font-size:10px;letter-spacing:2.4px;font-weight:700}.story .overline{color:#a6a7b5}.story h1{font:700 clamp(34px,3.6vw,60px)/1.2 Manrope,sans-serif;letter-spacing:-2.4px;margin:24px 0}.story h1 span{color:#a6a7b9}.story-body>p{color:#a5a8b7;font-size:15px;line-height:1.8}.flow{display:flex;align-items:center;gap:16px;margin-top:38px;font-size:11px;color:#c2c3cf}.flow>span{border:1px solid #3d3f4a;background:#ffffff05;border-radius:7px;padding:10px 14px}.flow i{color:#626472;font-style:normal}.story footer{z-index:1;font-size:12px;color:#8c8e9d;display:flex;justify-content:space-between}.story footer span{font-size:9px;letter-spacing:1.5px}.orbit{position:absolute;width:480px;height:480px;border:1px solid #ffffff09;border-radius:50%;right:-280px;bottom:50px}.orbit.two{width:700px;height:700px;right:-390px;bottom:-60px}.orbit.three{width:900px;height:900px;right:-490px;bottom:-160px}.story:after{content:'';position:absolute;right:-170px;top:36%;width:380px;height:380px;border-radius:50%;background:var(--glow);filter:blur(160px);opacity:.15}.form-side{max-width:540px;width:100%;margin:auto;padding:65px 65px 40px}.tenant-logo{height:80px;margin-bottom:48px;display:flex;align-items:center}.tenant-logo img{max-width:195px;max-height:76px;object-fit:contain}.tenant-logo.A{background:transparent;width:192px;padding:0;border-radius:0}.tenant-logo.A img{width:100%;height:76px;max-height:76px;filter:brightness(0)}.tenant-logo.B{background:#ed1c24;width:194px;padding:18px;border-radius:9px}.tenant-logo.B img{width:100%}.tenant-logo.C{background:transparent;width:230px;height:90px;padding:0;border:0;border-radius:0}.tenant-logo.C img{display:block;width:220px;height:79px;max-width:100%;max-height:none;object-fit:contain;object-position:center}.tenant-logo.ADMIN img{width:180px;max-height:64px}.form-intro .overline{color:var(--accent);font-size:9px;letter-spacing:1.7px}.form-intro h2{font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin:14px 0 10px}.form-intro p{font-size:13px;color:#8a8a98;margin:0 0 29px}form label{display:block;font-size:12px;font-weight:600;margin:19px 0 9px}input{width:100%;padding:14px;border:1px solid #dedee5;border-radius:7px;background:white;font:13px 'DM Sans',sans-serif;color:#353542;outline:0}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}input::placeholder{color:#ababb4}.password-wrap{position:relative}.password-wrap input{padding-right:64px}.password-wrap button{position:absolute;right:10px;top:12px;padding:3px 4px;border:0;background:transparent;color:#858493;font-size:10px;cursor:pointer}.submit{border:0;background:var(--accent);color:var(--on);border-radius:7px;width:100%;padding:15px 18px;font:600 13px 'DM Sans';cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-top:17px}.submit:hover{filter:brightness(.92)}.submit:disabled{opacity:.6;cursor:wait}.submit span{font-size:18px}#error{font-size:12px;color:#c13745;line-height:1.5;margin:10px 0;min-height:18px}.secure-note{display:flex;gap:12px;color:#8e8d9d;align-items:center;margin-top:26px}.secure-note>span{color:var(--accent);font-size:19px}.secure-note p{font-size:10px;line-height:1.7;margin:0}.form-footer{border-top:1px solid #e5e5eb;margin-top:43px;padding-top:20px;font-size:10px;color:#9695a3;display:flex;gap:16px}.form-footer span{color:#c0becb}@media(max-width:950px){.form-side{padding:45px}.story{padding:40px 8%}.flow{gap:8px}.flow>span{padding:8px}.story h1{letter-spacing:-1.5px}}@media(max-width:680px){.login-shell{display:block}.story{min-height:auto;padding:25px}.story-body{padding:35px 0 24px}.story h1{font-size:34px}.story-body>p,.flow,.story footer{display:none}.form-side{padding:35px 28px 30px;max-width:440px}.tenant-logo{margin-bottom:30px;height:65px}.form-intro h2{font-size:26px}.form-footer{margin-top:27px}}