.login-screen{color:#0c2456;background:radial-gradient(circle at 50% 48%,#fff 0 20%,#f4f9ff 55%,#e3f0ff 100%);grid-template-columns:minmax(180px,1fr) minmax(420px,720px) minmax(180px,1fr);align-items:center;gap:28px;min-height:100dvh;padding:42px 24px;font-family:Arial,sans-serif;display:grid;position:relative;overflow:hidden}.login-screen:before,.login-screen:after{content:"";border:70px solid #fff7;border-radius:50%;width:520px;height:520px;position:absolute}.login-screen:before{bottom:-340px;left:-310px}.login-screen:after{top:-350px;right:-310px}.login-network{opacity:.55;background:linear-gradient(28deg,#0000 48%,#b5d4ff 49% 49.5%,#0000 50%) 0 0/440px 260px;position:absolute;inset:0}.login-network span{background:#83b7ff;border-radius:50%;width:15px;height:15px;position:absolute}.login-network span:first-child{top:22%;left:20%}.login-network span:nth-child(2){top:56%;left:8%}.login-network span:nth-child(3){top:74%;left:28%}.login-network span:nth-child(4){top:30%;right:18%}.login-network span:nth-child(5){top:55%;right:7%}.login-network span:nth-child(6){top:77%;right:25%}.login-card{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #d7e5f7;border-radius:28px;width:100%;max-width:720px;margin:auto;padding:54px 76px 44px;position:relative;box-shadow:0 28px 70px #143a7920}.login-brand{color:#0761e8;text-align:center;letter-spacing:.035em;font-size:62px;font-weight:900;line-height:1;text-decoration:none;display:block}.login-card h1{text-align:center;color:#10275a;margin:28px 0 34px;font-size:38px;line-height:1.1}.login-card form{gap:18px;display:grid}.login-card label{color:#10275a;gap:8px;font-size:17px;font-weight:800;display:grid}.login-card input{color:#12244a;background:#fff;border:1px solid #cbd8e9;border-radius:12px;outline:none;width:100%;height:58px;padding:0 19px;font:500 17px/1 Arial}.login-card input:focus{border-color:#1770ee;box-shadow:0 0 0 4px #1d72ed18}.login-password{display:block;position:relative}.login-password button{color:#7287a9;cursor:pointer;background:0 0;border:0;width:42px;height:42px;font-size:27px;position:absolute;top:8px;right:10px}.forgot-password{color:#0666eb;cursor:pointer;background:0 0;border:0;justify-self:start;margin-top:-4px;padding:0;font-size:16px}.login-message{color:#ad2727;background:#fff2f2;border-radius:9px;margin:0;padding:10px 13px;font-size:14px}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0965ea,#1f78ef);border:0;border-radius:12px;height:60px;margin-top:5px;font-size:21px;font-weight:850;box-shadow:0 12px 25px #0862e82b}.login-submit:hover{filter:brightness(.96)}.login-submit:disabled{opacity:.65;cursor:wait}.login-register{text-align:center;color:#172746;margin:32px 0 0;font-size:16px}.login-register a{color:#0765e9;font-weight:800;text-decoration:none}.login-scene{z-index:1;flex-direction:column;justify-content:space-around;align-items:center;height:720px;display:flex;position:relative}.login-tile{opacity:.75;background:#fffa;border:1px solid #d6e7fb;border-radius:18px;grid-template-columns:64px 1fr;gap:17px;width:230px;height:125px;padding:25px;display:grid;position:relative;box-shadow:0 15px 35px #467bc214}.login-tile.tall{margin-left:65px}.login-scene.right .login-tile.tall{margin-left:-65px}.login-tile i{color:#2c69c7;background:#e4f0ff;border-radius:50%;grid-row:1/3;place-items:center;width:64px;height:64px;font-size:36px;font-style:normal;display:grid}.login-tile span{align-content:center;gap:8px;display:grid}.login-tile span b{background:#c7ddfa;border-radius:99px;height:8px}.login-tile span b:nth-child(2){width:75%}.login-tile span b:nth-child(3){width:55%}.login-tile em{color:#4788e9;letter-spacing:2px;font-style:normal;position:absolute;bottom:14px;left:105px}.login-tile strong{color:#4c86dc;background:#fff;border-radius:15px;padding:14px 19px;font-size:24px;position:absolute;top:-28px;right:-16px;box-shadow:0 8px 20px #255da21a}@media (width<=1050px){.login-screen{grid-template-columns:1fr;padding:24px}.login-scene{display:none}.login-card{max-width:680px}}@media (width<=620px){.login-screen{padding:15px}.login-card{border-radius:21px;padding:38px 22px 28px}.login-brand{font-size:44px}.login-card h1{margin:22px 0 28px;font-size:30px}.login-card input{height:54px}.login-submit{height:56px}.login-register{margin-top:25px}}.login-recovery{background:#f2f7ff;border:1px solid #bfd7fa;border-radius:12px;min-width:0;padding:20px}.login-recovery h2{color:#10275a;margin:0 0 10px;font-size:21px}.login-recovery p{overflow-wrap:anywhere;margin:0 0 12px;font-size:16px;line-height:1.5}.login-recovery-actions{gap:10px;display:grid}.login-recovery .login-submit{height:52px;margin:0;font-size:18px}.login-cancel{color:#0c2456;cursor:pointer;background:#fff;border:1px solid #b8cce9;border-radius:10px;padding:10px;font:600 16px Arial}.login-message.success{color:#14532d;background:#eaf8ef}.login-card button:focus-visible{outline-offset:3px;outline:3px solid #0862e8}.login-card button:disabled{cursor:wait;opacity:.65}@media (width<=620px){.login-recovery{padding:16px}}.login-card:has(.login-recovery){padding-top:30px;padding-bottom:28px}.login-card:has(.login-recovery) h1{margin:20px 0}.login-card:has(.login-recovery) .language-preference{background:0 0;border:0;margin:0 0 18px;padding:4px 0}.login-card:has(.login-recovery) .login-register{margin-top:20px}.login-card>.language-preference{box-shadow:none;background:0 0;border:0;justify-content:flex-end;padding:0}.login-card>.language-preference>div:first-child{display:none}
