body { background-color: #f8f9fa; font-family: 'Segoe UI', sans-serif; display: flex; justify-content: center; }
.container { width: 100%; max-width: 600px; margin-top: 50px; text-align: center; }
.card { background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); border: 1px solid #eef0f2; text-align: left; }
h1 { font-size: 28px; margin-bottom: 5px; }
.subtitle { color: #666; margin-bottom: 30px; }
label { display: block; margin: 15px 0 5px; font-weight: bold; font-size: 14px; }
input, select, textarea { width: 100%; padding: 12px; border: 1px solid #eaebed; border-radius: 8px; background: #f4f5f7; box-sizing: border-box; }
.row { display: flex; gap: 15px; }
.col { flex: 1; }
button, .zoom-button { width: 100%; background: #0c0d12; color: white; padding: 15px; border: none; border-radius: 8px; cursor: pointer; margin-top: 20px; font-weight: bold; text-decoration: none; display: inline-block; text-align: center; }
.zoom-button { background: #2D8CFF; }
.text-center { text-align: center; }