* { box-sizing: border-box; font-family: Arial, sans-serif; }
body { background: #f5f7fb; color: #111; margin: 0; padding: 2rem; }
.container { max-width: 900px; margin: 0 auto; }
h1 { text-align: center; }
#auth-forms { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; }
.card { background: white; padding: 1rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); width: 260px; }
input { display: block; width: 100%; padding: 0.5rem; margin: 0.4rem 0; }
button { padding: 0.5rem 0.8rem; margin-top: 0.4rem; cursor: pointer; }
.hidden { display: none; }
#profile { margin-top: 1rem; }
#session-info { margin-bottom: 0.5rem; }
@media (max-width: 700px) { #auth-forms { flex-direction: column; align-items: center; } }