* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; background:#f5f5f5; color:#333; min-height:100vh; }

.container { max-width:800px; margin:0 auto; padding:2rem 1rem; }

.card { background:#fff; border-radius:8px; padding:2rem; box-shadow:0 1px 3px rgba(0,0,0,0.08); }

h1 { font-size:1.8rem; color:#222; margin-bottom:0.5rem; }
.subtitle { color:#888; margin-bottom:1.5rem; }

.form-group { margin-bottom:1rem; }
.form-group label { display:block; font-size:0.9rem; color:#555; margin-bottom:0.3rem; }
.form-group input { width:100%; padding:0.6rem 0.8rem; border:1px solid #ddd; border-radius:6px; font-size:1rem; outline:none; transition:border-color 0.2s; }
.form-group input:focus { border-color:#1976d2; }

.btn { display:inline-flex; align-items:center; justify-content:center; padding:0.6rem 1.5rem; border:none; border-radius:6px; font-size:1rem; cursor:pointer; background:#1976d2; color:#fff; transition:background 0.2s; }
.btn:hover { background:#1565c0; }
.btn:disabled { opacity:0.6; cursor:not-allowed; }
.btn-sm { padding:0.4rem 1rem; font-size:0.9rem; }
.btn-outline { background:transparent; border:1px solid #ddd; color:#555; }
.btn-outline:hover { background:#f5f5f5; border-color:#bbb; }

.error { color:#e53935; font-size:0.9rem; min-height:1.2rem; }