.lc{min-height:100vh;min-height:100dvh;padding:32px 15px;background:linear-gradient(160deg,#0c2f6b,#061b42);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.lc__card{width:500px;max-width:100%;margin:43px auto 0;background:#fff;border-top:6px solid #bc7a0d;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.35);padding:48px;text-align:center}.lc__brand{display:block}.lc__brand img{width:100%;height:auto;display:block}.lc__title{margin:24px 0;font-size:1.5rem;font-weight:600;color:#0c2f6b}.lc__choices{list-style:none;margin:0;padding:0;display:grid;gap:16px;text-align:left}.lc__choice{border:1px solid #e3e6ec;border-radius:9.6px;padding:16px}.lc__role{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0c2f6b}.lc__line{margin:6px 0 16px;font-size:1rem;line-height:1.45;color:#4a5468}.lc__btn{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:9.6px;font-size:18.75px;font-weight:600;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.lc__btn span{transition:transform .15s ease}.lc__btn:focus-visible span,.lc__btn:hover span{transform:translateX(3px)}.lc__btn--student{background:#0c2f6b;color:#fff}.lc__btn--student:focus-visible,.lc__btn--student:hover{background:#133d82}.lc__btn--staff{background:#fff;color:#0c2f6b;border:1.5px solid #0c2f6b}.lc__btn--staff:focus-visible,.lc__btn--staff:hover{background:#f2f5fa}.lc__btn:focus-visible{outline:3px solid #bc7a0d;outline-offset:2px}.lc__back{display:inline-block;margin-top:24px;font-size:.9rem;color:#6a7386;text-decoration:none}.lc__back:hover{color:#0c2f6b;text-decoration:underline}@media (max-width:540px){.lc__card{margin-top:0}.lc__btn{height:42px;font-size:16px}.lc__choice{padding:14px}}.lc{--sea:url(/media/real/opt/login-sea-1920.webp);--sea-pos:50% 50%;background:linear-gradient(180deg,rgba(6,27,66,.06) 0,rgba(6,27,66,.1) 55%,rgba(6,27,66,.3) 100%),var(--sea) var(--sea-pos) /cover no-repeat,#0c2f6b}@media (max-width:540px){.lc{--sea:url(/media/real/opt/login-sea-1280.webp);--sea-pos:40% 50%}}@media (min-width:1100px) and (min-resolution:2dppx),(min-width:1921px){.lc{--sea:url(/media/real/login-sea.jpg)}}.lc__card{box-shadow:0 1px 2px rgba(0,0,0,.14),0 30px 70px -18px rgba(0,0,0,.6)}.lc__title{margin:26px 0;font-size:1.6rem;font-weight:700;letter-spacing:-.012em}.lc__title:after{content:"";display:block;width:36px;height:2px;margin:14px auto 0;border-radius:2px;background:#bc7a0d}.lc__choice{border-color:#e3e8f0;border-radius:12px;background:#f7f9fc;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.lc__choice:focus-within,.lc__choice:hover{background:#fff;border-color:#c9d4e6;box-shadow:0 10px 26px -16px rgba(12,47,107,.55);transform:translateY(-1px)}.lc__head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:16px}.lc__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#0c2f6b;color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14)}.lc__ic--staff{background:#f6eedd;color:#8f6418;box-shadow:inset 0 0 0 1px rgba(188,122,13,.22)}.lc__role{font-size:.78rem;letter-spacing:.13em}.lc__line{margin:3px 0 0;font-size:.97rem;line-height:1.4}.lc__btn--student{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 6px 16px -10px rgba(12,47,107,.9)}.lc__back{margin-top:26px}body:has(main.lc) .mk-progress{display:none}@media (prefers-reduced-motion:reduce){.lc__choice{transition:none}.lc__choice:focus-within,.lc__choice:hover{transform:none}}.lc__btn--second{margin-top:10px}