.login-page{color:#082b54;background:radial-gradient(at 80% 0,#f0fbff 0,#0000 55%),linear-gradient(#ddf3ff,#d6efff 62%,#eaf8ff);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:100dvh;font-family:Arial,Segoe UI,sans-serif;display:grid}.login-brand{isolation:isolate;color:#fff;background:#0554a8;flex-direction:column;justify-content:space-between;gap:40px;padding:44px clamp(28px,5vw,72px) 36px;display:flex;position:relative;overflow:hidden}.login-panorama{object-fit:cover;object-position:center 72%;z-index:-3;filter:saturate(1.12)contrast(1.04);width:100%;height:100%;animation:18s ease-out forwards login-pan;position:absolute;inset:0;transform:scale(1.06)}.login-shade{z-index:-2;background:linear-gradient(100deg,#054c9ffa 0%,#0556abeb 38%,#0c62b7a8 68%,#03569c40 100%),linear-gradient(#0000 55%,#03305ecc 100%);position:absolute;inset:0}.login-ribbon{z-index:-1;pointer-events:none;transform-origin:100% 0;width:78%;height:auto;max-height:200px;animation:.9s cubic-bezier(.2,.8,.2,1) both login-ribbon;position:absolute;top:0;right:0}.login-mark{align-items:center;gap:16px;width:max-content;max-width:100%;display:flex}.login-mark img{object-fit:contain;background:#fff;border-radius:12px;width:62px;height:68px;padding:6px;box-shadow:0 8px 24px #00183340}.login-mark span{letter-spacing:-.05em;text-shadow:0 2px 12px #00214a55;font-family:Arial Black,Arial,sans-serif;font-size:clamp(1.25rem,2vw,1.6rem);font-style:italic;font-weight:950}.login-copy{max-width:560px;animation:.7s cubic-bezier(.2,.8,.2,1) .1s both login-rise}.login-eyebrow{letter-spacing:.14em;color:#ffe45c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00214a40;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.login-copy h1{letter-spacing:-.05em;color:#fff;text-shadow:0 2px 24px #00214a50;margin:22px 0 18px;font-size:clamp(2.4rem,4.6vw,4.4rem);font-weight:800;line-height:1.02}.login-copy h1 em{color:#ffd500;font-style:normal}.login-copy p{color:#d8ebff;max-width:470px;font-size:clamp(1rem,1.3vw,1.15rem)}.login-pills{flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none;display:flex}.login-pills li{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1c;border:1px solid #fff3;border-radius:11px;align-items:center;gap:8px;padding:10px 15px;font-size:.9rem;font-weight:700;display:flex}.login-pills li svg{color:#ffd500}.login-place{color:#cfe5fb;align-items:center;gap:6px;font-size:.8rem;display:flex}.login-side{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px 24px;display:flex}.login-card{background:#fff;border:5px solid #ffffffeb;border-radius:22px;width:100%;max-width:440px;padding:38px 36px 30px;animation:.7s cubic-bezier(.2,.8,.2,1) .2s both login-rise;position:relative;overflow:hidden;box-shadow:0 24px 60px #2d7fc626,inset 0 2px #fff}.login-card:before{content:"";background:linear-gradient(90deg,#0064c5 0 60%,#ffd500 60% 85%,#009640 85%);height:6px;position:absolute;top:0;left:0;right:0}.login-card-brand{margin-bottom:26px}.login-card-brand img{width:40px;height:44px}.login-card-brand>span{color:#062b55;font-size:1.4rem;font-weight:750}.login-card-eyebrow{letter-spacing:.14em;color:#3b78b5;font-size:.72rem;font-weight:800;display:block}.login-card h2{letter-spacing:-.045em;color:#062b55;margin:8px 0;font-size:2rem;font-weight:800}.login-card-lead{color:#547399;font-size:.92rem;line-height:1.5}.login-form{flex-direction:column;gap:16px;margin-top:24px;display:flex}.login-field>span{color:#153f6e;margin-bottom:7px;font-size:.85rem;font-weight:700;display:block}.login-field>div{color:#5b84ad;background:#f6fbff;border:1.5px solid #cfe2f6;border-radius:11px;align-items:center;gap:10px;height:52px;padding:0 6px 0 15px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.login-field>div:focus-within{color:#0064c5;background:#fff;border-color:#0879dc;box-shadow:0 0 0 4px #0879dc1f}.login-field input{color:#082b54;background:0 0;border:0;outline:none;flex:1;height:100%;font-size:1rem}.login-field input::placeholder{color:#9db6cf}.login-eye{color:#5b84ad;background:0 0;border:0;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.login-eye:hover{color:#0064c5;background:#eaf4ff}.login-submit{color:#072d58;width:100%;height:54px;margin-top:6px;border-radius:11px!important;font-size:1.05rem!important}.login-submit:disabled{cursor:not-allowed;transform:none}.login-spin{animation:1s linear infinite login-spin}.login-alert{color:#a12424;background:#fff1f1;border:1px solid #f6caca;border-radius:10px;align-items:center;gap:9px;padding:12px 14px;font-size:.88rem;font-weight:600;animation:.35s login-shake;display:flex}.login-alert.ok{color:#0b7a3c;background:#ecfaf1;border-color:#bfe8cf;animation:none}.login-back{color:#265d91;justify-content:center;align-items:center;gap:7px;margin-top:4px;font-size:.88rem;font-weight:600;display:flex}.login-back:hover{text-decoration:underline}.login-help{color:#547399;text-align:center;font-size:.82rem}@keyframes login-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes login-ribbon{0%{opacity:0;transform:scaleX(.6)}to{opacity:1;transform:none}}@keyframes login-pan{to{transform:scale(1)}}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes login-shake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.login-page *{animation:none!important}}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{gap:26px;padding:26px 22px 70px}.login-mark img{width:48px;height:53px}.login-copy h1{margin:16px 0 12px}.login-pills,.login-place{display:none}.login-ribbon{width:90%;max-height:110px}.login-side{justify-content:flex-start;padding:0 16px 32px}.login-card{margin-top:-46px;padding:30px 22px 24px}.login-card-brand{display:none}}