/* Peregrine Global Investments — shared brand theme (matches landing.html) */
:root{
  --navy-deep:#1C2526;
  --navy-mid:#22323d;
  --gray-rich:#34495E;
  --blue:#5DADE2;
  --coral:#E27141;
  --ink:#FFFFFF;
  --muted:#9FB2BF;
  --hairline:rgba(93,173,226,.55);
  --sans:Arial, "Helvetica Neue", Helvetica, sans-serif;
  --serif:"Spectral", Georgia, "Times New Roman", serif;
}

body{
  font-family:var(--sans);
  color:var(--ink);
  background:
    radial-gradient(120% 90% at 50% 30%, rgba(52,73,94,.55) 0%, rgba(28,37,38,0) 60%),
    linear-gradient(180deg, var(--navy-deep) 0%, var(--navy-mid) 55%, var(--navy-deep) 100%);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.pgi-login-page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.pgi-login-logo{
  width:min(300px,62vw);
  height:auto;
  display:block;
  margin:0 auto;
  filter:drop-shadow(0 6px 30px rgba(0,0,0,.35));
}

.pgi-login-rule{
  width:56px;
  height:1px;
  background:var(--hairline);
  margin:32px auto 28px;
}

.pgi-login-tagline{
  font-family:var(--serif);
  font-weight:300;
  font-size:clamp(1rem,2.2vw,1.25rem);
  color:#EAF1F6;
  text-align:center;
  max-width:32ch;
  margin:0 auto 40px;
}

.pgi-login-form{
  width:100%;
  max-width:340px;
}

.pgi-login-label{
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:8px;
  display:block;
}

.pgi-login-input.form-control{
  background:rgba(52,73,94,.25);
  border:1px solid rgba(159,178,191,.35);
  color:var(--ink);
  border-radius:2px;
  padding:11px 14px;
  font-family:var(--sans);
}
.pgi-login-input.form-control::placeholder{
  color:rgba(159,178,191,.5);
}
.pgi-login-input.form-control:focus{
  background:rgba(52,73,94,.35);
  border-color:var(--blue);
  color:var(--ink);
  box-shadow:0 0 0 3px rgba(93,173,226,.25);
}

.pgi-login-button.btn{
  font-family:var(--sans);
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  background:transparent;
  color:var(--muted);
  border:1px solid rgba(159,178,191,.35);
  border-radius:2px;
  padding:13px 20px;
  transition:color .25s ease, border-color .25s ease, background-color .25s ease;
}
.pgi-login-button.btn:hover,
.pgi-login-button.btn:focus{
  color:var(--navy-deep);
  background:var(--blue);
  border-color:var(--blue);
}

.pgi-login-footer{
  margin-top:44px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(159,178,191,.6);
  text-align:center;
}