/* style-login.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

:root {
  --primary: #ffc000;
  --primary-dark: #e6ac00;
  --bg: #f4f4f4;
}

*{ box-sizing:border-box; margin:0; padding:0; }

body{
  font-family:'Inter',sans-serif;
  background:var(--bg);
  display:flex;align-items:center;justify-content:center;
  min-height:100vh;
}

.login-card{
  background:#fff;
  padding:2.5rem 3rem;
  border-radius:12px;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  text-align:center;
  width:100%; max-width:420px;
}

.logo{ width:120px; margin-bottom:1.5rem; }

h1{ font-size:1.75rem; margin-bottom:.25rem; }
.subtitle{ color:#555; margin-bottom:1.75rem; }

input{
  width:100%;
  padding:.75rem 1rem;
  margin-bottom:1.25rem;
  border:1px solid #ddd;
  border-radius:8px;
  font-size:1rem;
}

button{
  width:100%;
  padding:.75rem 1rem;
  border:none;
  border-radius:8px;
  font-size:1rem;
  font-weight:600;
  cursor:pointer;
  background:var(--primary);
  color:#000;
  transition:filter .15s ease;
}

button:hover{ filter:brightness(.95); }

.sr-only{
  position:absolute;
  width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}