/* Core reset and typography */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: #ffffff; color: #111111; }

/* Header */
header { display: flex; align-items: center; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e6ecf0; }
header .logo { font-size: 1.5rem; font-weight: 700; color: #111111; text-decoration: none; }

/* Form container */
.auth-container { max-width: 400px; margin: 3rem auto; padding: 2rem; border: 1px solid #e6ecf0; border-radius: 8px; }
.auth-container h1 { font-size: 1.75rem; margin-bottom: 1.5rem; }

/* Inputs and buttons */
input[type="text"], input[type="email"], input[type="password"] {
  width: 100%; padding: 0.75rem 1rem; margin-bottom: 1rem; border: 1px solid #ccd6dd; border-radius: 4px;
}
button { width: 100%; padding: 0.75rem; background-color: #1da1f2; color: #ffffff; border: none; border-radius: 4px; font-size: 1rem; cursor: pointer; }
button:hover { background-color: #0d8ddb; }

a { color: #1da1f2; text-decoration: none; font-size: 0.9rem; }

/* Bottom navigation */
.bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; background: #ffffff; border-top: 1px solid #e6ecf0; display: flex; justify-content: space-around; padding: 0.5rem 0; }
.bottom-nav a img { width: 24px; height: 24px; }
p {padding:12px 0;}