*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#1b5e20 0%,#2e7d32 60%,#388e3c 100%);
  font-family:'Hanken Grotesk','Segoe UI',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.login-wrap{
  display:flex;flex-direction:column;align-items:center;
}
.login-card{
  background:#fff;border-radius:14px;
  box-shadow:0 8px 40px rgba(0,0,0,.22);
  padding:32px 36px 30px;width:340px;
  max-width:calc(100vw - 24px);
}
.brand{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin-bottom:26px;
}
.brand-icon{
  width:52px;height:52px;flex:none;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.25));
}
.brand-word{
  font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1;
  text-shadow:0 2px 8px rgba(0,0,0,.25);
}
.brand-stay{color:#fff}
.brand-sync{color:#8fb3ff}
label{
  display:block;font-size:12px;font-weight:700;
  color:#555;text-transform:uppercase;letter-spacing:.04em;
  margin:16px 0 5px;
}
input[type="text"],input[type="password"]{
  width:100%;padding:10px 12px;
  border:1px solid #ddd;border-radius:8px;
  font-size:14px;font-family:inherit;
  color:#222;background:#fff;
  transition:border-color .15s,box-shadow .15s;
  outline:none;
}
input[type="text"]:focus,input[type="password"]:focus{
  border-color:#2e7d32;
  box-shadow:0 0 0 3px rgba(46,125,50,.15);
}
.submit-btn{
  display:block;width:100%;margin-top:22px;
  background:#2e7d32;color:#fff;
  border:none;border-radius:8px;
  padding:11px;font-size:15px;font-weight:700;
  font-family:inherit;cursor:pointer;
  transition:background .15s;
}
.submit-btn:hover{background:#1b5e20}
.signup-btn{
  display:block;width:100%;margin-top:10px;box-sizing:border-box;
  background:#fff;color:#2e7d32;text-align:center;text-decoration:none;
  border:1px solid #2e7d32;border-radius:8px;
  padding:10px;font-size:15px;font-weight:700;
  font-family:inherit;cursor:pointer;
  transition:background .15s,color .15s;
}
.signup-btn:hover{background:#e8f5e9}
.err{
  margin-top:14px;padding:9px 12px;
  background:#ffebee;border-radius:7px;
  color:#c62828;font-size:13px;font-weight:600;
}
.login-footer{
  margin-top:20px;text-align:center;
  font-size:12px;color:#999;line-height:1.7;
}
.login-footer strong{color:#666;font-weight:600}