.portal-page{
  min-height:calc(100vh - 94px);
  padding:72px 0 95px;
  background:linear-gradient(135deg,#f8f9fa 0%,#eef2f4 100%);
}
.portal-wrap{
  width:min(calc(100% - 40px),1120px);
  margin:0 auto;
}
.portal-auth{
  width:min(100%,560px);
  margin:0 auto;
  padding:44px;
  background:#fff;
  border:1px solid rgba(7,31,61,.10);
  box-shadow:0 28px 70px rgba(7,31,61,.09);
}
.portal-kicker{
  margin-bottom:13px;
  color:#c58a32;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.portal-auth h1,.portal-dashboard h1{
  margin:0;
  color:#071f3d;
  font:400 clamp(38px,5vw,58px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;
}
.portal-auth h1 span,.portal-dashboard h1 span{color:#c58a32}
.portal-auth p{
  margin:20px 0 27px;
  color:#657181;
  font-size:14px;
  line-height:1.75;
}
.portal-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.portal-field label{
  color:#071f3d;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.portal-field input{
  width:100%;
  min-height:50px;
  padding:0 14px;
  border:1px solid rgba(7,31,61,.17);
  font-size:15px;
}
.portal-field input:focus{outline:none;border-color:#c58a32}
.portal-btn{
  min-height:52px;
  padding:0 24px;
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  background:#071f3d;
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  cursor:pointer;
}
.portal-btn:hover{background:#c58a32}
.portal-btn:disabled{opacity:.55;cursor:not-allowed}
.portal-message{
  margin-top:18px;
  padding:13px 15px;
  border-left:3px solid #c58a32;
  background:#fbf7ef;
  color:#69583d;
  font-size:12px;
  line-height:1.6;
}
.portal-message.error{border-left-color:#b45050;background:#fff1f1;color:#873737}
.portal-message.success{border-left-color:#43835f;background:#eef8f2;color:#275c3d}
.portal-security-note{
  margin-top:28px;
  padding-top:21px;
  border-top:1px solid rgba(7,31,61,.1);
  color:#7a8490;
  font-size:11px;
  line-height:1.65;
}
.portal-dashboard{display:grid;gap:24px}
.portal-dashboard__top{
  padding:34px 38px;
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  background:#071f3d;
  color:#fff;
}
.portal-dashboard__top h1{color:#fff;font-size:42px}
.portal-dashboard__top p{margin:9px 0 0;color:rgba(255,255,255,.62);font-size:12px}
.portal-logout{margin:0}
.portal-logout button{
  border:1px solid rgba(255,255,255,.3);
  background:transparent;
}
.portal-logout button:hover{background:#fff;color:#071f3d}
.portal-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
}
.portal-card{
  padding:31px;
  background:#fff;
  border:1px solid rgba(7,31,61,.1);
}
.portal-card h2{
  margin:0 0 10px;
  color:#071f3d;
  font:400 29px Georgia,"Times New Roman",serif;
}
.portal-card>p{color:#687586;font-size:13px;line-height:1.7}
.portal-doc-list{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  border-top:1px solid rgba(7,31,61,.1);
}
.portal-doc{
  padding:16px 0;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:18px;
  border-bottom:1px solid rgba(7,31,61,.1);
}
.portal-doc strong{display:block;color:#071f3d;font-size:13px}
.portal-doc small{display:block;margin-top:4px;color:#83909c;font-size:10px}
.portal-doc a{color:#c58a32;font-size:10px;font-weight:700;text-transform:uppercase}
.portal-empty{
  margin-top:22px;
  padding:24px;
  text-align:center;
  background:#f6f8f9;
  color:#7a8490;
  font-size:12px;
}
.portal-upload-disabled{
  margin-top:20px;
  padding:18px;
  border:1px dashed rgba(197,138,50,.45);
  background:#fcfaf5;
  color:#69583d;
  font-size:12px;
  line-height:1.65;
}
.portal-upload input[type=file]{
  width:100%;
  margin:12px 0 18px;
  padding:13px;
  border:1px solid rgba(7,31,61,.14);
  background:#fff;
}
.portal-meta{
  display:grid;
  gap:14px;
  margin-top:23px;
}
.portal-meta div{
  padding:14px 0;
  border-bottom:1px solid rgba(7,31,61,.09);
}
.portal-meta span{display:block;color:#89939d;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.portal-meta strong{display:block;margin-top:5px;color:#071f3d;font-size:12px}
@media(max-width:820px){
  .portal-page{padding:42px 0 70px}
  .portal-auth{padding:30px 23px}
  .portal-grid{grid-template-columns:1fr}
  .portal-dashboard__top{align-items:flex-start;flex-direction:column}
}