:root{
  --navy:#082f54;
  --navy-deep:#062440;
  --blue:#3d82f6;
  --blue-soft:#eef5ff;
  --gold:#b39a00;
  --ink:#101828;
  --muted:#5f6f82;
  --line:#dbe3eb;
  --bg:#ffffff;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}
body{min-height:100vh}
a{color:#075bd8}

.sia-gateway-shell{
  width:min(1160px,calc(100% - 34px));
  margin:0 auto;
  padding:30px 0 70px;
}
.brand-area{
  position:relative;
  text-align:center;
  padding:18px 24px 30px;
}
.utility-links{
  display:flex;
  justify-content:flex-end;
  gap:18px;
  font-size:14px;
  font-weight:700;
  margin-bottom:20px;
}
.utility-links a{text-decoration:none;color:var(--navy)}
.sia-logo{
  width:125px;
  height:auto;
  display:block;
  margin:8px auto 20px;
}
.product-label{
  font-size:20px;
  font-weight:800;
  color:var(--navy);
  margin-bottom:12px;
}
h1{
  margin:0 auto;
  max-width:850px;
  font-size:46px;
  line-height:1.08;
  letter-spacing:-1.2px;
  color:var(--gold);
}
.hero-copy{
  max-width:720px;
  margin:18px auto 0;
  font-size:20px;
  line-height:1.5;
  color:var(--muted);
}

.gateway-panel{
  width:min(980px,100%);
  margin:0 auto;
  background:#fff;
}
.gateway-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.entry-card{
  min-height:165px;
  padding:28px 30px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  text-align:left;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
  box-shadow:0 6px 20px rgba(8,47,84,.04);
}
.entry-card:hover{
  transform:translateY(-2px);
  border-color:#94b7e8;
  box-shadow:0 12px 28px rgba(8,47,84,.09);
}
.entry-card-primary{
  border:2px solid var(--blue);
  background:var(--blue-soft);
}
.entry-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-size:24px;
  font-weight:800;
  margin-bottom:18px;
}
.entry-card-primary .entry-icon{background:var(--blue)}
.entry-card strong{
  display:block;
  color:var(--navy);
  font-size:23px;
  margin-bottom:9px;
}
.entry-card small{
  display:block;
  color:var(--muted);
  font-size:16px;
  line-height:1.45;
}

.flow-panel{
  border:1px solid var(--line);
  border-radius:22px;
  padding:30px;
  box-shadow:0 10px 28px rgba(8,47,84,.06);
}
.panel-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
  border-bottom:1px solid #edf1f5;
  padding-bottom:20px;
  margin-bottom:20px;
}
.eyebrow{
  margin:0 0 7px;
  color:var(--gold);
  font-size:13px;
  font-weight:900;
  letter-spacing:1.8px;
}
.panel-head h2{
  margin:0 0 8px;
  color:var(--navy);
  font-size:30px;
}
.panel-head p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
.back-link{
  flex:0 0 auto;
  border:0;
  background:none;
  color:#075bd8;
  cursor:pointer;
  font-weight:800;
  padding:6px;
}
.clean-form{
  max-width:760px;
}
.clean-form label{
  display:block;
  margin:14px 0;
  font-weight:800;
  color:var(--navy);
}
.clean-form input{
  width:100%;
  margin-top:7px;
  border:1px solid #cbd7e3;
  border-radius:12px;
  padding:13px 14px;
  font:inherit;
  color:var(--ink);
  background:#fff;
}
.clean-form input:focus{
  outline:2px solid #cfe0ff;
  border-color:var(--blue);
}
.password-wrap{position:relative}
.password-wrap input{padding-right:50px}
.eye{
  position:absolute;
  right:8px;
  bottom:7px;
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:19px;
}
.two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.form-actions{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:20px;
}
.action-btn{
  border:0;
  border-radius:12px;
  padding:13px 19px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.primary-action{
  background:var(--blue);
  color:#fff;
}
.plain-link{font-weight:700}
.message{
  min-height:1.4em;
  margin-top:14px;
  font-weight:700;
  color:#475467;
}
.message.error{color:#b42318}

.choice-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.choice-card{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  padding:22px;
  text-align:left;
  cursor:pointer;
  transition:.15s ease;
}
.choice-card:hover{
  border-color:var(--blue);
  background:#f8fbff;
}
.choice-card strong{
  display:block;
  color:var(--navy);
  font-size:19px;
  margin-bottom:8px;
}
.choice-card span{
  color:var(--muted);
  line-height:1.45;
}

.below-links{
  display:flex;
  justify-content:center;
  gap:12px;
  align-items:center;
  margin-top:26px;
  color:#98a2b3;
  font-size:14px;
}
.below-links a{
  color:var(--navy);
  text-decoration:none;
  font-weight:700;
}

@media(max-width:760px){
  .sia-gateway-shell{width:min(100% - 22px,1160px);padding-top:14px}
  .utility-links{justify-content:center;margin-bottom:10px}
  .sia-logo{width:108px}
  h1{font-size:36px}
  .hero-copy{font-size:18px}
  .gateway-actions,.choice-grid,.two-col{grid-template-columns:1fr}
  .entry-card{min-height:145px}
  .flow-panel{padding:22px 18px}
  .panel-head{flex-direction:column-reverse;gap:8px}
  .back-link{padding-left:0}
}


/* MY SIA copy / alignment / footer polish V1 */
.centered-entry-card,
.setup-entry-card{
  text-align:center;
}
.centered-entry-card .entry-icon,
.setup-entry-card .entry-icon{
  margin-left:auto;
  margin-right:auto;
}
.free-start{
  display:block;
  margin:2px 0 10px;
  color:var(--gold);
  font-size:16px;
  font-weight:900;
  letter-spacing:.2px;
}
.setup-entry-card small span{
  display:block;
}
.setup-entry-card small span + span{
  margin-top:6px;
}

.below-links{
  margin-top:34px;
  gap:16px;
  font-size:18px;
  font-weight:800;
}
.below-links a{
  font-size:18px;
  font-weight:800;
}
.below-links span{
  font-size:16px;
  color:#9aa8b6;
}