.intranet-section { padding: clamp(60px, 8vw, 106px) 0; color: #fff; background: #082d49; }
.intranet-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); align-items: center; gap: clamp(38px, 7vw, 90px); }
.intranet-copy h1,.intranet-copy h2 { margin: 14px 0; color: #fff; font: 800 clamp(37px, 6vw, 62px)/1.06 Manrope,sans-serif; letter-spacing: -.045em; }
.intranet-copy h1 em,.intranet-copy h2 em { color: #70e6dd; font-style: normal; }
.intranet-copy > p { max-width: 550px; color: #c1d5dc; font-size: 16px; line-height: 1.7; }
.intranet-points { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 32px; }
.intranet-points span { padding-top: 13px; color: #b6ced7; border-top: 1px solid #ffffff35; font-size: 11px; font-weight: 700; line-height: 1.5; }
.intranet-login { padding: clamp(22px,4vw,34px); display: grid; gap: 16px; color: #12394d; background: #fff; border-radius: 7px; box-shadow: 0 22px 58px #00172655; }
.intranet-login-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 2px; }
.intranet-login-heading > span { width: 42px; height: 42px; display: grid; place-items: center; color: #075068; background: #e6f5f4; border-radius: 50%; font-size: 21px; }
.intranet-login h3 { margin: 0 0 4px; color: #082d49; font: 800 19px Manrope,sans-serif; }
.intranet-login h2 { margin: 0 0 4px; color: #082d49; font: 800 19px Manrope,sans-serif; }
.intranet-login-heading p { margin: 0; color: #70848c; font-size: 12px; }
.intranet-login > label { display: grid; gap: 7px; color: #365762; font-size: 12px; font-weight: 700; }
.intranet-login input { width: 100%; min-height: 46px; padding: 11px 12px; color: #12394d; background: #fff; border: 1px solid #d4e1e3; border-radius: 4px; font: 14px 'DM Sans',sans-serif; }
.intranet-login input:focus { outline: 3px solid #33c9c533; border-color: #16aaa7; }
.intranet-login .button { width: 100%; justify-content: space-between; }
.intranet-note { min-height: 17px; margin: -6px 0 0; color: #72858b; font-size: 11px; line-height: 1.5; }
.intranet-note[data-error="true"] { color: #aa4439; }
.intranet-login button:disabled { opacity: .7; cursor: wait; }
@media (max-width: 760px) { .intranet-layout { grid-template-columns: minmax(0,1fr); gap: 30px; } .intranet-points { grid-template-columns: minmax(0,1fr); gap: 8px; margin-top: 21px; } .intranet-points span { padding-top: 9px; } }
@media (prefers-reduced-motion: reduce) { .intranet-section * { scroll-behavior: auto; } }
.intranet-page { min-height: 100vh; display: flex; flex-direction: column; background: #082d49; }
.intranet-header { min-height: 84px; padding: 8px max(22px, calc((100% - 1240px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #fff; }
.intranet-header .brand-name img { object-fit: contain; }
.intranet-home-link { color: #123d56; font-size: 13px; font-weight: 700; text-decoration: none; }
.intranet-home-link:hover { color: #0b9b9a; }
.intranet-page .intranet-section { min-height: calc(100vh - 84px); flex: 1; display: grid; align-items: center; }
@media (max-width: 620px) { .intranet-header { min-height: 72px; padding-inline: 16px; } .intranet-page .intranet-section { min-height: calc(100vh - 72px); } }