:root{
  --navy:#2f63a6;
  --navy2:#214a7d;
  --bg:#f7fbff;
  --card:#ffffff;
  --text:#0b1220;
  --muted:#5b6b7d;
  --radius:18px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  background: radial-gradient(1200px 700px at 50% -10%, #ffffff 0%, var(--bg) 60%, #eef6ff 100%);
  color:var(--text);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.wrap{width:100%;max-width:460px;}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.86));
  border:1px solid rgba(33,74,125,.12);
  box-shadow: 0 20px 60px rgba(11,18,32,.10);
  border-radius: 24px;
  padding: 22px 18px 18px;
  backdrop-filter: blur(10px);
}
.logo{
  width: 86px; height: 86px;
  border-radius: 18px;
  object-fit: contain;
  display:block;
  margin: 2px auto 14px;
  background:#fff;
  border:1px solid rgba(33,74,125,.14);
  box-shadow: 0 12px 22px rgba(33,74,125,.10);
  padding:10px;
}
h1{margin:0;text-align:center;font-size:24px;letter-spacing:.2px;}
.role{margin:6px 0 10px;text-align:center;color:var(--muted);font-size:14px;letter-spacing:.2px;font-weight:700;}
.orgline{margin:0 0 18px;text-align:center;color:#23465f;font-size:13px;font-weight:700;opacity:.95;}
.btns{display:grid;gap:12px;margin-top: 8px;}
a.btn{
  display:flex;align-items:center;justify-content:center;gap:10px;
  text-decoration:none;
  padding: 14px 16px;
  border-radius: var(--radius);
  font-weight: 800;
  letter-spacing:.2px;
  background: linear-gradient(135deg, var(--navy), var(--navy2));
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 22px rgba(33,74,125,.18);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
a.btn:hover{ transform: translateY(-1px); box-shadow: 0 14px 28px rgba(33,74,125,.22); }
a.btn:active{ transform: translateY(0px); filter: brightness(.98); }
a.btn.light{
  background:#ffffff;
  color: var(--navy2);
  border: 1px solid rgba(33,74,125,.16);
  box-shadow: 0 10px 22px rgba(33,74,125,.08);
}
.footer{
  margin-top: 14px;
  text-align:center;
  font-size: 12px;
  color: var(--muted);
}
.small{
  margin-top: 10px;
  text-align:center;
  font-size: 12px;
  color: var(--muted);
}
.small a{color:var(--navy2);font-weight:800;text-decoration:underline;}