:root{--navy:#061a4f;--navy2:#0a2d73;--ink:#07152f;--muted:#65718a;--line:#dfe5ef;--red:#ed172c;--white:#fff}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f5f7fb;-webkit-font-smoothing:antialiased}.skip{position:fixed;left:16px;top:-50px;background:#fff;padding:10px 14px;z-index:99}.skip:focus{top:16px}
.portal-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)}
.portal-story{position:relative;overflow:hidden;min-height:100vh;padding:44px 54px;color:#fff;background:linear-gradient(145deg,#041337 0%,#08265e 58%,#061946 100%);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.portal-story:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 35%,rgba(255,255,255,.025) 68%,transparent)}
.grid-glow{position:absolute;inset:0;z-index:-2;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent 0,#000 26%,#000 72%,transparent)}
.ambient{position:absolute;border-radius:50%;filter:blur(4px);z-index:-3;animation:floatGlow 11s ease-in-out infinite alternate}.ambient-a{width:420px;height:420px;right:-140px;top:-90px;background:radial-gradient(circle,rgba(36,105,255,.35),transparent 68%)}.ambient-b{width:360px;height:360px;left:-140px;bottom:-70px;background:radial-gradient(circle,rgba(237,23,44,.22),transparent 68%);animation-delay:-4s}
@keyframes floatGlow{to{transform:translate3d(24px,-18px,0) scale(1.08)}}
.portal-brand,.mobile-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.pm-word{font-size:38px;line-height:1;font-weight:950;letter-spacing:-.08em;color:#f01b31}.portal-brand strong,.portal-brand small,.mobile-brand strong,.mobile-brand small{display:block}.portal-brand strong,.mobile-brand strong{font-size:14px;letter-spacing:.04em}.portal-brand small,.mobile-brand small{font-size:8px;letter-spacing:.15em;font-weight:800;margin-top:2px}
.story-copy{max-width:650px;margin:70px 0}.story-kicker{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.2em;color:#b8c9ec}.story-kicker i{width:30px;height:2px;background:var(--portal-accent);box-shadow:0 0 18px var(--portal-accent)}
.story-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.3vw,78px);line-height:.98;letter-spacing:-.045em;margin:18px 0 24px;font-weight:500}.story-copy h1 em{font-style:normal;color:#bcd0ff}.manager-login .story-copy h1 em{color:#ffb9c0}.story-copy>p{max-width:590px;color:#c7d5ed;font-size:17px;line-height:1.7;margin:0}
.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;max-width:590px}.trust-row>div{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}.trust-row svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.trust-row b,.trust-row small{display:block}.trust-row b{font-size:12px}.trust-row small{font-size:10px;color:#aebfdf;margin-top:2px}
.story-footer{display:flex;justify-content:space-between;align-items:center;color:#93a8ce;font-size:11px}.security-dot{display:inline-flex;align-items:center;gap:7px}.security-dot i{width:7px;height:7px;border-radius:50%;background:#4fd48c;box-shadow:0 0 0 5px rgba(79,212,140,.1)}
.portal-auth{min-height:100vh;display:flex;flex-direction:column;padding:28px clamp(28px,5vw,76px);background:radial-gradient(circle at 95% 8%,rgba(21,89,214,.06),transparent 24%),#f8f9fc}.auth-top{display:flex;justify-content:space-between;align-items:center}.auth-top a{font-size:12px;font-weight:750;color:#48566f;text-decoration:none}.switch-portal{color:var(--portal-accent)!important}
.login-card{width:min(480px,100%);margin:auto;animation:cardIn .65s cubic-bezier(.22,.8,.28,1) both}@keyframes cardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.mobile-brand{display:none}.portal-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--portal-accent) 9%,white);color:var(--portal-accent);font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.portal-pill svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-card h2{font-family:Georgia,"Times New Roman",serif;font-size:40px;line-height:1;margin:18px 0 9px;font-weight:600;letter-spacing:-.03em}.login-intro{margin:0 0 25px;color:var(--muted);font-size:14px}
.alert{display:flex;flex-direction:column;gap:2px;padding:11px 13px;border-radius:11px;margin:0 0 15px;font-size:12px;border:1px solid}.alert b{font-size:12px}.alert.error{background:#fff4f5;border-color:#ffd0d5;color:#9d1930}.alert.info{background:#f1f6ff;border-color:#cfe0ff;color:#234f9b}.alert.success{background:#effbf5;border-color:#c9eedc;color:#18734a}
.field{display:block;margin:15px 0}.field>span{display:block;font-size:12px;font-weight:800;margin:0 0 7px}.input-shell{position:relative;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border .2s,box-shadow .2s,transform .2s}.input-shell:focus-within{border-color:var(--portal-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--portal-accent) 10%,transparent);transform:translateY(-1px)}.input-shell>svg{position:absolute;left:14px;width:18px;height:18px;fill:none;stroke:#7c8aa5;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.input-shell input{width:100%;height:50px;border:0;outline:0;background:transparent;padding:0 48px 0 44px;font:inherit;font-size:14px;color:var(--ink)}.input-shell input::placeholder{color:#9ca7ba}.password-toggle{position:absolute;right:9px;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#6e7b91;display:grid;place-items:center;cursor:pointer}.password-toggle:hover{background:#f2f5fa}.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.form-options{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:14px 0 20px;font-size:11px}.form-options>a{color:var(--portal-accent);font-weight:800;text-decoration:none}.remember{display:flex;align-items:center;gap:8px;color:#65718a;cursor:pointer}.remember input{position:absolute;opacity:0}.remember span{width:16px;height:16px;border:1px solid #cbd4e1;border-radius:5px;background:#fff;position:relative}.remember input:checked+span{border-color:var(--portal-accent);background:var(--portal-accent)}.remember input:checked+span:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.signin-button{width:100%;height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--portal-accent),color-mix(in srgb,var(--portal-accent) 75%,#061a4f));color:#fff;font:inherit;font-size:13px;font-weight:850;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;box-shadow:0 12px 24px color-mix(in srgb,var(--portal-accent) 22%,transparent);transition:transform .2s,box-shadow .2s}.signin-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px color-mix(in srgb,var(--portal-accent) 27%,transparent)}.signin-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.security-note{display:flex;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #e6eaf1;color:#7a869b}.security-note svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:#53709d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.security-note p{font-size:10px;line-height:1.55;margin:0}.security-note strong{color:#44536c}.auth-footer{text-align:center;color:#96a0b1;font-size:10px;margin-top:20px}
@media(max-width:980px){.portal-page{grid-template-columns:1fr}.portal-story{display:none}.portal-auth{padding:22px 20px;min-height:100svh}.login-card{background:#fff;border:1px solid #e4e9f1;border-radius:22px;padding:26px;box-shadow:0 22px 55px rgba(13,34,75,.09)}.mobile-brand{display:inline-flex;margin-bottom:27px}.pm-word{font-size:34px}.login-card h2{font-size:34px}.auth-top{margin-bottom:24px}}
@media(max-width:520px){.portal-auth{padding:18px 14px}.auth-top a{font-size:11px}.login-card{padding:22px 18px;border-radius:18px}.form-options{align-items:flex-start}.remember{max-width:210px;line-height:1.35}.input-shell input{height:48px}.signin-button{height:50px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}