.login-v2{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,#ddecff 0,transparent 30%),radial-gradient(circle at 90% 85%,#e7e1ff 0,transparent 30%),#f5f8fc;padding:32px}.login-v2:before,.login-v2:after{content:"";position:absolute;border-radius:50%;border:55px solid #2563eb0a}.login-v2:before{width:380px;height:380px;left:-220px;bottom:-230px}.login-v2:after{width:280px;height:280px;right:-170px;top:-160px}.login-shell{position:relative;z-index:1;width:min(950px,100%);min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #e1e8f2;border-radius:25px;overflow:hidden;box-shadow:0 28px 75px #1833581a}.login-welcome{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:42px;background:linear-gradient(145deg,#1769e0,#315ddd,#6840dc);color:#fff}.login-welcome:before,.login-welcome:after{content:"";position:absolute;border:42px solid #ffffff0d;border-radius:50%}.login-welcome:before{width:250px;height:250px;right:-145px;top:70px}.login-welcome:after{width:180px;height:180px;left:-110px;bottom:-110px}.login-brand,.mobile-login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.login-brand-mark{position:relative;width:38px;height:36px;display:block}.login-brand-mark i{position:absolute;left:5px;width:13px;height:35px;background:linear-gradient(#75c0ff,#fff);transform:skew(-14deg);border-radius:4px}.login-brand-mark i+i{left:21px;transform:skew(14deg)}.login-brand b,.mobile-login-brand b{display:block;font-size:19px;letter-spacing:-.3px}.login-brand small,.mobile-login-brand small{display:block;margin-top:2px;font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:.72}.welcome-copy{position:relative;z-index:1}.welcome-label,.login-heading>span{font-size:10px;font-weight:900;letter-spacing:1.8px}.welcome-copy h2{font-size:39px;line-height:1.12;letter-spacing:-1.5px;margin:12px 0}.welcome-copy p{font-size:13px;line-height:1.7;max-width:360px;opacity:.8}.welcome-features{position:relative;z-index:1;display:flex;gap:18px;font-size:11px;font-weight:700}.welcome-features span{display:flex;align-items:center;gap:7px}.welcome-features i{font-style:normal;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f}.login-form-card{width:auto;border:0;border-radius:0;box-shadow:none;padding:54px 50px;display:flex;flex-direction:column;justify-content:center}.mobile-login-brand{display:none}.login-heading{margin-bottom:25px}.login-heading>span{color:#1769e0}.login-heading h1{text-align:left;font-size:25px;letter-spacing:-.6px;margin:7px 0}.login-heading p{text-align:left;margin:0;color:#8c98ac;font-size:12px}.login-field{margin:11px 0}.login-field label{font-size:11px;font-weight:800;color:#3b4961}.forgot-link{color:#1769e0;font-size:10px;font-weight:750}.input-wrap{position:relative}.input-wrap>.input{height:48px;border-radius:11px;padding-left:43px;padding-right:44px;font-size:12px}.input-wrap>svg{position:absolute;z-index:1;left:14px;top:15px;width:18px;height:18px;fill:none;stroke:#8996aa;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-toggle{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;background:transparent;color:#8996aa;display:grid;place-items:center;cursor:pointer}.password-toggle svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.password-toggle.visible{color:#1769e0}.login-options{margin:13px 0 18px}.remember-check{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650;cursor:pointer}.remember-check input{position:absolute;opacity:0}.remember-check span{width:17px;height:17px;border:1.5px solid #cad4e2;border-radius:5px;background:#fff}.remember-check input:checked+span{background:#1769e0;border-color:#1769e0;box-shadow:inset 0 0 0 4px #fff}.login-submit{height:48px;border-radius:11px;background:linear-gradient(135deg,#1677ed,#315ddd);box-shadow:0 10px 22px #1769e032}.login-submit svg{width:17px;fill:none;stroke:#fff;stroke-width:2}.login-security{display:flex;align-items:center;justify-content:center;gap:7px;color:#929db0;font-size:9px;margin:17px 0}.login-security svg{width:14px;fill:none;stroke:#19a566;stroke-width:1.8}.demo-access{border-top:1px solid #edf1f6;padding-top:15px;text-align:center}.demo-access>span{display:block;color:#a0a9b8;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.demo-access button{border:0;background:transparent;color:#6f7c92;font-size:10px;cursor:pointer}.demo-access button:hover{color:#1769e0}.login-session-message{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10;background:#fff8e5;color:#8a6300;border:1px solid #f3dc9d;border-radius:11px;padding:12px 17px;box-shadow:0 10px 25px #07143716;font-size:12px;font-weight:700}@media(max-width:720px){.login-v2{display:block;min-height:100svh;padding:0;background:linear-gradient(155deg,#eef5ff,#f7f9fd 42%,#eeeaff)}.login-v2:before{width:250px;height:250px;left:-170px;bottom:-150px}.login-v2:after{width:220px;height:220px;right:-150px;top:-140px}.login-shell{width:100%;min-height:100svh;display:block;border:0;border-radius:0;background:transparent;box-shadow:none}.login-welcome{display:none}.login-form-card{min-height:100svh;width:100%;max-width:none;padding:calc(34px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom));justify-content:center;background:transparent}.mobile-login-brand{display:flex;margin-bottom:38px}.mobile-login-brand .login-brand-mark{width:35px;height:33px}.mobile-login-brand .login-brand-mark i{background:linear-gradient(#56a8ff,#1769e0);height:33px}.mobile-login-brand b{color:#14213d;font-size:18px}.mobile-login-brand small{color:#75829a;opacity:1}.login-heading{margin-bottom:27px}.login-heading h1{font-size:27px;line-height:1.15}.login-heading p{font-size:12px;line-height:1.55;max-width:310px}.login-field{margin:12px 0}.input-wrap>.input{height:52px;border-radius:13px;background:#ffffffd9;border-color:#dbe4f0;box-shadow:0 5px 16px #1b355809}.login-options{margin:16px 0 20px}.login-submit{height:52px;border-radius:13px}.login-security{margin:19px auto;max-width:270px;text-align:center;line-height:1.4}.demo-access{margin-top:3px}.login-session-message{width:calc(100% - 32px);top:16px;text-align:center}}.login-field:has(input[required])>label:after,.login-field:has(input[required]) .auth-row>label:after{content:" *";color:#f1416c;font-weight:800}
