/* =========================================================
   SISTEM URUS — CORPORATE LOGIN V2.13.1
   Clean government/internal portal. No images, circles, waves.
   ========================================================= */
html{min-height:100%;background:#edf3f9}
body.admin-login-page.login-urus-v1.login-urus-corporate{
  --navy:#0a2148;
  --navy2:#0f3268;
  --navy3:#175194;
  --blue:#337fe8;
  --cyan:#59c7e9;
  --ink:#122a50;
  --muted:#7b8da7;
  --line:#d6e1ed;
  min-height:100vh;
  margin:0;
  overflow:hidden;
  color:var(--ink);
  background:#edf3f9;
  font-family:var(--app-font);
}
.login-urus-corporate *{box-sizing:border-box}
.login-urus-corporate button,.login-urus-corporate input{font:inherit}

/* background: straight, architectural geometry only */
.urus-corporate-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(120deg,#eaf2fa 0%,#f7faff 54%,#edf4fb 100%)}
.urus-corporate-bg:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(43,83,137,.035) 1px,transparent 1px),
    linear-gradient(rgba(43,83,137,.028) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,transparent 34%,#000 72%);
}
.corp-line{position:absolute;display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(60,119,199,.42),transparent);transform-origin:center}
.line-1{width:68vw;right:-8vw;top:22%;transform:rotate(-17deg)}
.line-2{width:54vw;right:-4vw;bottom:19%;transform:rotate(-17deg);opacity:.55}
.corp-block{position:absolute;display:block;background:linear-gradient(135deg,rgba(47,119,225,.10),rgba(85,198,233,.03));border-left:1px solid rgba(62,125,207,.14);transform:skewX(-22deg)}
.block-1{width:31vw;height:18vh;right:-7vw;top:0}
.block-2{width:24vw;height:15vh;right:-5vw;bottom:0;opacity:.75}

.urus-corporate-shell{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:minmax(420px,42%) 1fr}

/* left corporate panel */
.urus-corporate-brand{
  position:relative;
  display:flex;
  align-items:center;
  min-height:100vh;
  padding:64px 64px 64px max(54px,6vw);
  color:#fff;
  background:
    linear-gradient(145deg,rgba(34,93,172,.28),transparent 48%),
    linear-gradient(160deg,#071a3b 0%,#0b2857 48%,#11417c 100%);
  clip-path:polygon(0 0,92% 0,100% 100%,0 100%);
  box-shadow:18px 0 46px rgba(8,31,72,.14);
}
.urus-corporate-brand:before{
  content:"";position:absolute;left:0;right:8%;top:0;height:5px;background:linear-gradient(90deg,var(--cyan),#3d83e6 62%,transparent)
}
.urus-corporate-brand:after{
  content:"";position:absolute;right:12%;top:18%;width:1px;height:64%;background:linear-gradient(transparent,rgba(255,255,255,.24),transparent)
}
.corp-brand-inner{position:relative;max-width:430px}
.corp-kicker{margin-bottom:26px;color:#8fdcf3;font-size:11px;font-weight:800;letter-spacing:.24em}
.corp-brand-name{display:flex;align-items:baseline;gap:15px;white-space:nowrap}
.corp-brand-name span{font-size:36px;font-weight:500;letter-spacing:-.035em;color:#dfeafa}
.corp-brand-name strong{font-size:66px;line-height:1;font-weight:800;letter-spacing:-.055em;color:#fff}
.corp-rule{display:flex;align-items:center;width:100%;height:1px;margin:27px 0 22px;background:rgba(255,255,255,.13)}
.corp-rule i{display:block;width:72px;height:4px;background:linear-gradient(90deg,#5ac7e9,#4c8ceb)}
.corp-brand-inner p{max-width:360px;margin:0;color:#b8c8dd;font-size:13px;line-height:1.55;letter-spacing:.01em}
.corp-brand-inner p strong{display:inline-block;margin-bottom:2px;color:#fff;font-weight:750}

/* right login area */
.urus-corporate-login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:52px 7vw 52px 5vw}
.corp-login-card{
  width:min(430px,100%);
  padding:38px 38px 30px;
  background:#fff;
  border:1px solid #d9e4ef;
  border-radius:14px;
  box-shadow:0 22px 52px rgba(23,57,101,.10),0 2px 0 rgba(255,255,255,.9) inset;
}
.corp-login-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:31px}
.corp-head-mark{display:block;width:5px;height:54px;background:linear-gradient(180deg,#4ec8eb,#337fe8)}
.corp-login-head small{display:block;margin:2px 0 6px;color:#6481a6;font-size:10px;font-weight:800;letter-spacing:.17em}
.corp-login-head h1{margin:0;color:#10284f;font-size:32px;line-height:1.05;font-weight:750;letter-spacing:-.035em}

.urus-form{display:grid;gap:18px}
.corp-field{display:grid;gap:8px;color:#244267;font-size:12px;font-weight:700}
.urus-control{position:relative}
.urus-control input{
  width:100%;height:56px;padding:0 52px 0 51px;
  border:1px solid #ccd9e8;border-radius:8px;outline:none;
  color:#142f56;background:#f9fbfe;font-size:15px;
  box-shadow:0 1px 2px rgba(18,49,87,.025) inset;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease
}
.urus-control input:focus{border-color:#4c8be7;background:#fff;box-shadow:0 0 0 3px rgba(67,132,229,.09)}
.urus-input-icon{position:absolute;left:17px;top:50%;width:20px;height:20px;transform:translateY(-50%);display:grid;place-items:center;color:#7087a6;pointer-events:none}
.urus-input-icon svg,.urus-eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.urus-eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#7087a6;cursor:pointer}
.urus-eye:hover{color:#2c6dc7}
.urus-eye .eye-off{display:none}.urus-eye.is-visible .eye-open{display:none}.urus-eye.is-visible .eye-off{display:block}
.urus-submit{
  min-height:56px;margin-top:4px;padding:0 18px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  border:0;border-radius:8px;color:#fff;
  background:linear-gradient(90deg,#14529a 0%,#1f68be 54%,#2f83da 100%);
  box-shadow:0 8px 18px rgba(25,89,165,.16);
  font-size:14px;font-weight:750;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease
}
.urus-submit span:first-child{grid-column:2}.urus-submit span:last-child{grid-column:3;justify-self:end;font-size:22px;font-weight:300}
.urus-submit:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(25,89,165,.21);filter:brightness(1.02)}
.urus-submit:active{transform:none}
.corp-login-foot{margin-top:25px;padding-top:18px;border-top:1px solid #e4ecf4;color:#8a9ab0;font-size:10px;text-align:center;letter-spacing:.025em}

.urus-alert{display:flex;align-items:center;gap:10px;margin:-10px 0 20px;padding:11px 12px;border:1px solid #f0ccd2;border-radius:7px;background:#fff7f8;color:#a43647;font-size:12px;line-height:1.4}
.urus-alert span{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;background:#c84a5a;color:#fff;font-weight:800;border-radius:3px}

@media(max-width:900px){
  body.admin-login-page.login-urus-v1.login-urus-corporate{overflow:auto}
  .urus-corporate-shell{grid-template-columns:1fr;min-height:100vh;background:#eef4fa}
  .urus-corporate-brand{min-height:auto;padding:34px 28px 31px;clip-path:none;box-shadow:none}
  .urus-corporate-brand:after{display:none}
  .corp-brand-inner{max-width:none;width:100%;text-align:center}
  .corp-kicker{margin-bottom:13px;font-size:9px}
  .corp-brand-name{justify-content:center;gap:10px}.corp-brand-name span{font-size:24px}.corp-brand-name strong{font-size:42px}
  .corp-rule{width:160px;margin:16px auto 13px}.corp-rule i{width:54px}
  .corp-brand-inner p{margin:0 auto;font-size:11px}
  .urus-corporate-login{min-height:auto;padding:42px 22px 56px}
}
@media(max-width:520px){
  .urus-corporate-brand{padding:28px 20px 25px}.corp-kicker{letter-spacing:.16em}.corp-brand-name span{font-size:22px}.corp-brand-name strong{font-size:38px}
  .corp-login-card{padding:30px 22px 24px;border-radius:11px}.corp-login-head{margin-bottom:26px}.corp-login-head h1{font-size:28px}
  .urus-control input,.urus-submit{height:54px;min-height:54px}
}

/* =========================================================
   SISTEM URUS — LOGO LOCKUP V2.13.3
   ========================================================= */
.corp-brand-lockup{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  align-items:center;
  gap:22px;
  margin-bottom:4px;
}
.corp-urus-logo{
  display:block;
  width:92px;
  height:92px;
  object-fit:contain;
  border-radius:22px;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.corp-brand-lockup .corp-kicker{margin-bottom:11px}
.corp-brand-lockup + .corp-rule{margin-top:24px}
@media(max-width:900px){
  .corp-brand-lockup{grid-template-columns:70px auto;justify-content:center;gap:14px;text-align:left}
  .corp-urus-logo{width:70px;height:70px;border-radius:17px}
  .corp-brand-lockup .corp-kicker{margin-bottom:7px}
}
@media(max-width:520px){
  .corp-brand-lockup{grid-template-columns:58px auto;gap:11px}
  .corp-urus-logo{width:58px;height:58px;border-radius:14px}
}
