.landing-brand img,.share-brand img{display:block;max-width:200px;max-height:52px;object-fit:contain}
.brand-lockup{display:flex;align-items:center;gap:10px}
.brand-lockup img{max-width:180px;max-height:48px}

/* FileDepot authentication experience */
.login-body{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:48px 24px!important;
  background:
    radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--login-gradient-start,#dbeafe) 72%,white),transparent 38%),
    radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--login-gradient-end,#f3e8ff) 78%,white),transparent 36%),
    linear-gradient(145deg,var(--login-gradient-start,#dbeafe),var(--login-gradient-end,#f3e8ff));
  overflow-x:hidden;
}
.login-card{
  position:relative;
  width:min(560px,100%);
  padding:52px 54px 44px;
  border:1px solid #ffffffcc;
  border-radius:26px;
  background:#fffffff2;
  box-shadow:0 30px 80px #173b7726,0 8px 24px #173b7714;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  overflow:hidden;
}
.login-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:6px;
  background:linear-gradient(90deg,var(--blue),#7457d9,#35a6dd);
}
.login-brand{
  display:inline-flex;
  align-items:center;
  min-height:52px;
  margin-bottom:26px;
  color:var(--ink);
  font-size:19px;
  font-weight:850;
  letter-spacing:-.02em;
  text-decoration:none;
}
.login-brand img{display:block;max-width:240px;max-height:64px;object-fit:contain}
.login-card h1{margin:0 0 10px;font-size:38px;line-height:1.08;letter-spacing:-1.3px;color:#172033}
.login-card>p{margin:0 0 28px;color:#68758b;font-size:16px;line-height:1.55}
.login-card>p:last-child{margin:24px 0 0;text-align:center;font-size:14px}
.login-card>p:last-child a{color:var(--blue);font-weight:700;text-decoration:none}
.login-card>p:last-child a:hover{text-decoration:underline}
.login-card form{display:grid;gap:18px}
.login-card form label{display:block;color:#344158;font-size:13px;font-weight:750}
.login-card form input{
  display:block;
  width:100%;
  height:50px;
  margin-top:8px;
  padding:0 15px;
  border:1px solid #c8d2e1;
  border-radius:11px;
  background:#fff;
  color:#172033;
  font:inherit;
  font-size:15px;
  outline:0;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
.login-card form input:hover{border-color:#aab8cd}
.login-card form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 14%,transparent);background:#fff}
.login-card form .button{width:100%;min-height:52px;margin-top:4px;border-radius:11px;font-size:15px;box-shadow:0 10px 24px color-mix(in srgb,var(--blue) 24%,transparent)}
.login-card .notice{margin:0 0 22px}

@media(max-width:620px){
  .login-body{padding:22px 14px!important;align-items:center}
  .login-card{padding:39px 25px 31px;border-radius:21px}
  .login-card h1{font-size:32px}
  .login-brand{margin-bottom:20px}
  .login-brand img{max-width:210px;max-height:56px}
}