.nipa-login{--nipa-red:#dd3221;--nipa-red-dark:#c12b1c;--nipa-red-soft:#fdeceb;--nipa-green:#148a5b;--nipa-green-dark:#0f6b47;--nipa-green-soft:#ecfdf3;--nipa-portal-bg:#0f1720;--nipa-portal-text:#101828;--nipa-portal-secondary:#667085;--nipa-portal-muted:#98a2b3;--nipa-portal-border:#e4e7ec;--nipa-portal-danger:#f04438;--nipa-portal-danger-soft:#fef3f2;--nipa-portal-ease:cubic-bezier(0.22,1,0.36,1);--nipa-portal-gradient:linear-gradient(90deg,#dd3221,#148a5b);--dx:110px;--dy:88px;--letter-duration:1050ms;position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;padding:20px clamp(16px,2vw,28px) 24px;background:var(--nipa-portal-bg);color:var(--nipa-portal-text);font-family:var(--nipa-portal-font),Inter,system-ui,sans-serif}.nipa-login-scene{position:absolute;inset:0;z-index:0}.nipa-login-scene-image{object-fit:cover}.nipa-login-veil{inset:0;background:radial-gradient(80rem 42rem at 18% 12%,rgb(221 50 33/18%),transparent 52%),radial-gradient(70rem 36rem at 88% 8%,rgb(20 138 91/10%),transparent 48%),linear-gradient(90deg,rgb(10 14 20/28%),transparent 22%,transparent 78%,rgb(10 14 20/24%)),linear-gradient(180deg,rgb(10 14 20/22%),transparent 24%,transparent 46%,rgb(10 14 20/18%))}.nipa-login-mesh,.nipa-login-veil{position:absolute;pointer-events:none}.nipa-login-mesh{left:0;right:0;top:42%;bottom:0;overflow:hidden}.nipa-login-mesh-grid{position:absolute;inset:-64px;opacity:.8;background-image:linear-gradient(rgb(255 255 255/20%) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/20%) 1px,transparent 0);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent,#000 22%,#000);animation:nipa-login-mesh-drift 28s linear infinite}.nipa-login-shell{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:calc(100dvh - 44px)}.nipa-login-app-label{margin:0 0 1rem;color:rgb(255 255 255/88%);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 8px rgb(15 23 32/35%)}.nipa-login-row{flex:1;display:grid;align-items:center;gap:1.5rem}.nipa-login-brand{display:flex;flex-direction:column;align-items:center}.nipa-login-brand-wrap{width:min(100%,340px);padding:18px 16px 16px;border-radius:22px;background:rgb(255 255 255/16%);border:1px solid rgb(255 255 255/28%);backdrop-filter:blur(22px) saturate(1.15);box-shadow:0 18px 48px rgb(8 12 18/22%),inset 0 1px 0 rgb(255 255 255/22%)}.nipa-login-access-note,.nipa-login-footnote{margin:.85rem 0 0;color:rgb(255 255 255/72%);font-size:12px;text-align:center}.nipa-login-footnote{display:none}.nipa-login-form-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:clamp(8px,2vw,28px)}.nipa-login-form-panel{width:min(100%,400px);opacity:0;visibility:hidden;transform:translateX(18px)}.nipa-login-form-panel.is-visible{opacity:1;visibility:visible;transform:translateX(0);transition:opacity .28s var(--nipa-portal-ease),transform .28s var(--nipa-portal-ease),visibility .28s}.nipa-login-card{padding:32px;border-radius:18px;border:1px solid rgb(255 255 255/46%);background:rgb(255 255 255/90%);backdrop-filter:blur(28px) saturate(1.12);box-shadow:0 24px 60px rgb(8 12 18/26%),0 0 0 1px rgb(221 50 33/10%),inset 0 1px 0 rgb(255 255 255/70%);display:flex;flex-direction:column;gap:.85rem}.nipa-login-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.nipa-login-accent{width:40px;height:4px;border-radius:999px;background:var(--nipa-portal-gradient)}.nipa-login-secure{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:999px;border:1px solid rgb(20 138 91/25%);background:var(--nipa-green-soft);color:var(--nipa-green-dark);font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.nipa-login-secure-dot{width:6px;height:6px;border-radius:50%;background:var(--nipa-green);box-shadow:0 0 0 3px rgb(20 138 91/16%)}.nipa-login-welcome{margin:0;color:var(--nipa-portal-secondary);font-size:13px}.nipa-login-card h1{margin:0;color:var(--nipa-portal-text);font-size:22px;font-weight:600;letter-spacing:-.02em}.nipa-login-subcopy{margin:0;color:var(--nipa-portal-secondary);font-size:13px}.nipa-login-card .nipa-alert{margin:0;padding:.65rem .75rem;border-radius:8px;background:var(--nipa-portal-danger-soft);color:var(--nipa-portal-danger);border:none}.nipa-login-card .nipa-field-label{font-size:13px;font-weight:500}.nipa-login-card .nipa-field-input{border-radius:8px;border-color:var(--nipa-portal-border);font-size:14px}.nipa-login-card .nipa-field-input:focus{outline:none;border-color:rgb(221 50 33/50%);box-shadow:0 0 0 3px rgb(221 50 33/12%)}.nipa-login-submit{appearance:none;width:100%;min-height:2.55rem;padding:10px 1rem;border:1px solid var(--nipa-red-dark);border-radius:8px;background:var(--nipa-red);color:#fff;font:inherit;font-size:14px;font-weight:650;cursor:pointer;box-shadow:0 8px 18px rgb(221 50 33/22%)}.nipa-login-submit:hover:not(:disabled){background:var(--nipa-red-dark)}.nipa-login-submit:disabled{cursor:not-allowed;opacity:.72}.nipa-login-forgot{color:var(--nipa-portal-secondary);font-size:13px;font-weight:500}.nipa-login-access-note{color:rgb(255 255 255/80%)}.nipa-logo-intro{display:flex;flex-direction:column;align-items:center;gap:.85rem}.nipa-logo-frame{position:relative;width:min(100%,420px);aspect-ratio:692/234;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgb(255 255 255/16%) 0,transparent 42%),var(--nipa-red);box-shadow:0 0 0 1px rgb(255 255 255/12%),0 12px 32px rgb(221 50 33/38%),0 8px 20px rgb(16 24 40/18%)}.letter-a,.letter-i,.letter-n,.letter-p,.lockup,.stage{position:absolute;inset:0}.stage{background:linear-gradient(180deg,rgb(255 255 255/16%) 0,transparent 38%),var(--nipa-red);animation:stage-out .52s var(--nipa-portal-ease) 2.55s forwards}.letters{position:absolute;inset:0;animation:letters-settle .28s var(--nipa-portal-ease) 1.75s both}.letter-a,.letter-i,.letter-n,.letter-p{width:100%;height:100%;object-fit:contain;animation-duration:var(--letter-duration);animation-timing-function:var(--nipa-portal-ease);animation-fill-mode:both}.letter-n{animation-name:letter-in-left;animation-delay:0s}.letter-i{animation-name:letter-in-bottom;animation-delay:.18s}.letter-p{animation-name:letter-in-top;animation-delay:.36s}.letter-a{animation-name:letter-in-right;animation-delay:.54s}.lockup{opacity:0;object-fit:contain;padding:7% 8%;animation:lockup-in .72s var(--nipa-portal-ease) 2.65s forwards}.slogan{color:rgb(255 255 255/92%);font-size:clamp(16px,2.2vw,19px);font-weight:500;letter-spacing:.04em;text-align:center;text-shadow:0 1px 12px rgb(8 12 18/45%);animation:slogan-in .72s var(--nipa-portal-ease) 3.3s forwards}.slogan,.trust{margin:0;opacity:0}.trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;color:rgb(255 255 255/78%);font-size:11px;animation:trust-in .64s var(--nipa-portal-ease) 3.8s forwards}.trust-dot{width:6px;height:6px;border-radius:50%}.trust-dot-green{background:var(--nipa-green)}.trust-dot-red{background:var(--nipa-red)}.trust-sep{width:1px;height:12px;background:rgb(255 255 255/28%)}@keyframes letter-in-left{0%{opacity:0;filter:blur(3px);transform:translateX(calc(var(--dx) * -1))}to{opacity:1;filter:blur(0);transform:none}}@keyframes letter-in-bottom{0%{opacity:0;filter:blur(3px);transform:translateY(var(--dy))}to{opacity:1;filter:blur(0);transform:none}}@keyframes letter-in-top{0%{opacity:0;filter:blur(3px);transform:translateY(calc(var(--dy) * -1))}to{opacity:1;filter:blur(0);transform:none}}@keyframes letter-in-right{0%{opacity:0;filter:blur(3px);transform:translateX(var(--dx))}to{opacity:1;filter:blur(0);transform:none}}@keyframes letters-settle{0%{transform:scale(1.016)}to{transform:scale(1)}}@keyframes stage-out{to{opacity:0}}@keyframes lockup-in{0%{opacity:0;transform:translateY(8px) scale(.988)}to{opacity:1;transform:none}}@keyframes slogan-in{0%{opacity:0;filter:blur(6px);transform:translateY(22px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes trust-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (min-width:1024px){.nipa-login-row{grid-template-columns:1fr 1fr;gap:clamp(28px,4.5vw,72px);padding-inline:clamp(16px,3.5vw,56px)}.nipa-login-brand{align-items:flex-start;padding-inline:clamp(8px,2vw,24px)}.nipa-login-brand-wrap{width:min(100%,400px)}.nipa-login-footnote{display:block;text-align:left}.nipa-login-form-col{align-items:flex-end;justify-content:center;padding-inline:clamp(8px,2vw,24px)}}@media (max-width:1279px){.nipa-login{--dx:72px;--dy:56px}}@media (max-width:1023px){.nipa-login{--dx:36px;--dy:28px;--letter-duration:780ms}.letter-i{animation-delay:.14s}.letter-p{animation-delay:.28s}.letter-a{animation-delay:.42s}.letters{animation-delay:1.35s}.stage{animation-delay:1.75s}.lockup{animation-delay:1.85s}.slogan{animation-delay:2.35s}.trust{animation-delay:2.7s}}.nipa-logo-intro.is-static .letter-a,.nipa-logo-intro.is-static .letter-i,.nipa-logo-intro.is-static .letter-n,.nipa-logo-intro.is-static .letter-p,.nipa-logo-intro.is-static .letters,.nipa-logo-intro.is-static .stage{opacity:0;animation:none}.nipa-logo-intro.is-static .lockup,.nipa-logo-intro.is-static .slogan,.nipa-logo-intro.is-static .trust{opacity:1;filter:none;transform:none;animation:none}@keyframes nipa-login-mesh-drift{0%{transform:translateZ(0)}to{transform:translate3d(-64px,-64px,0)}}@media (prefers-reduced-motion:reduce){.nipa-login-mesh-grid{animation:none}.nipa-login-form-panel,.nipa-login-form-panel.is-visible{opacity:1;visibility:visible;transform:none;transition:none}.nipa-logo-intro .letter-a,.nipa-logo-intro .letter-i,.nipa-logo-intro .letter-n,.nipa-logo-intro .letter-p,.nipa-logo-intro .letters,.nipa-logo-intro .stage{opacity:0;animation:none}.nipa-logo-intro .lockup,.nipa-logo-intro .slogan,.nipa-logo-intro .trust{opacity:1;filter:none;transform:none;animation:none}}